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/desktop.svg

4 lines
1.1 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="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6846 14.34C19.5452 14.6188 19.6222 14.9775 19.8639 15.1744C20.2506 15.4894 20.5607 15.9023 20.7542 16.3858L21.6284 18.5715C22.2853 20.2137 21.0759 22 19.3072 22H4.69241C2.92375 22 1.71435 20.2137 2.37122 18.5715L3.24549 16.3858C3.43891 15.9023 3.74903 15.4894 4.13577 15.1744C4.37742 14.9775 4.45442 14.6188 4.31501 14.34C4.11331 13.9367 3.99982 13.4816 3.99982 13V5C3.99982 3.34315 5.34297 2 6.99982 2H16.9998C18.6567 2 19.9998 3.34315 19.9998 5V13C19.9998 13.4816 19.8863 13.9367 19.6846 14.34ZM3.76393 19.1286L4.63821 16.9429C4.866 16.3734 5.41757 16 6.03092 16H17.9687C18.5821 16 19.1336 16.3734 19.3614 16.9429L20.2357 19.1286C20.4985 19.7855 20.0147 20.5 19.3072 20.5H4.69241C3.98494 20.5 3.50118 19.7855 3.76393 19.1286ZM16.9998 14.5H6.99982C6.1714 14.5 5.49982 13.8284 5.49982 13V5C5.49982 4.17157 6.1714 3.5 6.99982 3.5H16.9998C17.8283 3.5 18.4998 4.17157 18.4998 5V13C18.4998 13.8284 17.8283 14.5 16.9998 14.5Z" fill="black"/>
</svg>