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

5 lines
2.2 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 d="M11.0938 15.3807C12.2449 15.6891 13.4157 15.3863 14.2617 14.6713C14.4724 14.4931 14.7863 14.471 14.9928 14.6541L15.3671 14.9861C15.5739 15.1694 15.5943 15.4877 15.3911 15.6749C14.8023 16.2172 14.0897 16.6125 13.3164 16.8243C13.1344 16.8742 12.9865 17.0114 12.9377 17.1936L12.6204 18.3779C12.5489 18.6447 12.2747 18.8029 12.008 18.7315L11.525 18.6021C11.2583 18.5306 11.1 18.2564 11.1715 17.9897L11.2944 17.5309C11.3736 17.2355 11.1705 16.9405 10.8726 16.8714C10.8169 16.8584 10.7613 16.8445 10.7056 16.8296C10.6501 16.8147 10.595 16.799 10.5404 16.7823C10.2479 16.6933 9.92451 16.8473 9.84537 17.1426L9.72243 17.6014C9.65096 17.8682 9.37679 18.0265 9.11006 17.955L8.6271 17.8256C8.36036 17.7541 8.20207 17.4799 8.27354 17.2132L8.59082 16.0291C8.63966 15.8468 8.58014 15.654 8.44745 15.5199C7.23912 14.2981 6.69324 12.4855 7.17007 10.7059C7.64692 8.92625 9.02609 7.62935 10.6835 7.1755C10.8655 7.12566 11.0134 6.98846 11.0623 6.80618L11.3795 5.6221C11.451 5.35537 11.7252 5.19708 11.9919 5.26855L12.4749 5.39796C12.7416 5.46943 12.8999 5.7436 12.8284 6.01033L12.7055 6.46923C12.6263 6.76457 12.8294 7.05959 13.1272 7.12872C13.1828 7.14161 13.2383 7.15549 13.2938 7.17036C13.3494 7.18525 13.4045 7.20101 13.4591 7.21764C13.7516 7.30671 14.0749 7.15274 14.1541 6.85739L14.277 6.39859C14.3485 6.13186 14.6226 5.97357 14.8894 6.04504L15.3723 6.17445C15.6391 6.24592 15.7974 6.52009 15.7259 6.78682L15.4086 7.97091C15.3598 8.15318 15.4193 8.34594 15.552 8.48011C16.1158 9.05022 16.5354 9.74901 16.7742 10.5131C16.8566 10.7768 16.6797 11.0423 16.409 11.0977L15.9189 11.198C15.6485 11.2533 15.3877 11.0773 15.2943 10.8176C14.9191 9.77531 14.0566 8.92767 12.9056 8.61925C11.0384 8.11895 9.11926 9.22699 8.61896 11.0941C8.11866 12.9613 9.2267 14.8804 11.0938 15.3807Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
</svg>