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/flash-disable.svg

6 lines
1.8 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="M2.46967 2.46971C2.76256 2.17681 3.23744 2.17681 3.53033 2.46971L21.5303 20.4697C21.8232 20.7626 21.8232 21.2375 21.5303 21.5304C21.2374 21.8233 20.7626 21.8233 20.4697 21.5304L15.7149 16.7756C15.5111 16.5718 15.1778 16.582 14.9868 16.7978L10.546 21.818C10.2226 22.1836 9.62063 21.9166 9.67453 21.4314L10.3769 15.1105C10.4427 14.5181 9.97898 14.0001 9.38297 14.0001H4.66504C4.01875 14.0001 3.67508 13.2372 4.10329 12.7532L7.35393 9.07852C7.52903 8.88058 7.51985 8.58055 7.33298 8.39368L2.46967 3.53037C2.17678 3.23747 2.17678 2.7626 2.46967 2.46971ZM13.9438 15.0045C14.1307 15.1914 14.1399 15.4914 13.9648 15.6893L12.5597 17.2777C12.2363 17.6433 11.6343 17.3763 11.6882 16.8912L11.8677 15.2762C12.0322 13.7952 10.873 12.5001 9.38297 12.5001H7.43971C7.00885 12.5001 6.77973 11.9915 7.06521 11.6688L8.37601 10.187C8.56694 9.97119 8.9003 9.961 9.10406 10.1648L13.9438 15.0045Z" fill="black"/>
<path d="M17.8484 13.5626C17.6575 13.7784 17.3241 13.7886 17.1204 13.5849L16.7661 13.2306C16.5793 13.0438 16.5701 12.7438 16.7452 12.5458L16.9349 12.3314C17.2204 12.0087 16.9913 11.5001 16.5604 11.5001H15.2427C15.1101 11.5001 14.9829 11.4474 14.8891 11.3536L14.3891 10.8536C14.0741 10.5386 14.2972 10.0001 14.7427 10.0001L19.3351 10.0001C19.9814 10.0001 20.325 10.7629 19.8968 11.247L17.8484 13.5626Z" fill="black"/>
<path d="M12.1717 8.3708C12.1549 8.52176 12.2077 8.67216 12.3151 8.77957L12.7678 9.23234C13.0643 9.52879 13.572 9.35069 13.6183 8.934L14.3256 2.56871C14.3795 2.08358 13.7776 1.81661 13.4541 2.18221L10.1344 5.93499C9.95927 6.13293 9.96845 6.43295 10.1553 6.61983L10.5095 6.97404C10.7133 7.1778 11.0467 7.16761 11.2376 6.95178L11.4404 6.72247C11.7639 6.35687 12.3658 6.62383 12.3119 7.10897L12.1717 8.3708Z" fill="black"/>
</svg>