status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/imports/assets/icons/teller.svg

4 lines
1.5 KiB
XML
Raw Normal View History

feat: introduce StatusIcon component This introduces a new `StatusIcon` component to the component library, including various icon assets. The component can be used to render icons in different colors and rotations. It's also one of the atomic components that can be used to build other more complex components like icon buttons. Usage: ``` StatusIcon { icon: "arrow-right" // name of asset file in `ui/shared/status/assets/img/icons width: 24 // default: 24 height 24 // default: 24 color: "red" // default: asset file color rotation: 0 // default: 0 } ``` Closes #2330
2021-04-26 12:50:13 +00:00
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.48535 3.98458C10.4264 2.00514 13.5736 2.00514 15.5146 3.98458L20.5442 9.11354C22.4853 11.093 22.4853 14.3023 20.5442 16.2817L15.5146 21.0154C13.5736 22.9949 10.4264 22.9949 8.48535 21.0154L3.45581 16.2817C1.51473 14.3023 1.51473 11.093 3.45581 9.11354L8.48535 3.98458ZM8.62923 9.38427C8.30466 9.38417 8.02781 9.4996 7.7983 9.73045C7.56908 9.96121 7.45455 10.2402 7.45455 10.5668C7.45455 10.8931 7.56908 11.172 7.7983 11.4028C8.02781 11.6337 8.30466 11.749 8.62923 11.749H15.2127C15.5374 11.749 15.8141 11.6337 16.0437 11.4028C16.273 11.172 16.3876 10.8931 16.3874 10.5668C16.3875 10.2402 16.2728 9.96121 16.0437 9.73045L13.2885 6.95685C13.059 6.7261 12.7822 6.61067 12.4577 6.61067C12.1333 6.61067 11.8565 6.7261 11.627 6.95685C11.3977 7.18775 11.2831 7.46658 11.2831 7.79316C11.2831 8.11974 11.3977 8.39848 11.627 8.62938L12.3769 9.38427H8.62923ZM10.7137 18.043C10.9435 18.2739 11.2204 18.3893 11.5451 18.3893C11.8698 18.3893 12.1468 18.2739 12.3762 18.043C12.6059 17.8122 12.7206 17.5336 12.7206 17.207C12.7206 16.8804 12.6059 16.6017 12.3762 16.3708L11.626 15.616H15.37C15.6946 15.616 15.9718 15.5007 16.2013 15.2696C16.4308 15.0388 16.5455 14.7599 16.5455 14.4333C16.5455 14.1069 16.4308 13.8282 16.2013 13.5973C15.9717 13.3664 15.6945 13.2508 15.37 13.251H8.78806C8.46338 13.2508 8.18615 13.3664 7.95679 13.5973C7.72728 13.8282 7.61251 14.1069 7.61265 14.4333C7.61251 14.7599 7.72728 15.0388 7.95679 15.2696L10.7137 18.043Z" fill="black"/>
</svg>