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/shared/status/assets/img/icons/hide.svg

6 lines
2.3 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="M4.96615 7.47938C5.21271 7.67115 5.22468 8.03942 4.99932 8.25572C3.67944 9.52258 2.74818 10.8323 2.30102 11.5167C2.10734 11.8131 2.10734 12.1868 2.30102 12.4832C3.33585 14.067 6.96324 19 12 19C13.9068 19 15.6116 18.293 17.0502 17.3284C17.2338 17.2053 17.4762 17.2094 17.6507 17.3452L20.5396 19.592C20.8665 19.8464 21.3377 19.7874 21.592 19.4605C21.8464 19.1335 21.7875 18.6623 21.4605 18.408L3.46049 4.40802C3.13353 4.15372 2.66232 4.21262 2.40802 4.53958C2.15372 4.86654 2.21262 5.33775 2.53958 5.59205L4.96615 7.47938ZM15.5613 15.72C15.8321 15.9307 15.8149 16.3454 15.5155 16.5128C14.4347 17.1172 13.2536 17.5 12 17.5C9.98279 17.5 8.15324 16.5088 6.62731 15.1978C5.82428 14.5078 5.14469 13.7624 4.61201 13.1051C4.08841 12.459 4.08841 11.5409 4.61201 10.8948C5.14469 10.2375 5.82428 9.49209 6.62731 8.80216C6.63825 8.79276 6.6543 8.79238 6.66568 8.80124L8.11069 9.92514C8.30026 10.0726 8.35491 10.3329 8.26824 10.5568C8.09501 11.0045 8 11.4912 8 12C8 14.2091 9.79086 16 12 16C12.8635 16 13.6631 15.7264 14.3168 15.2611C14.5124 15.1219 14.7781 15.1109 14.9676 15.2583L15.5613 15.72ZM9.50867 11.7902C9.53662 11.4537 9.92769 11.3384 10.1942 11.5457L12.8848 13.6384C13.1513 13.8456 13.136 14.2532 12.817 14.3634C12.561 14.4519 12.2861 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 11.9293 9.50293 11.8594 9.50867 11.7902Z" fill="black"/>
<path d="M8.85704 6.41675C8.56596 6.19035 8.6129 5.73908 8.95557 5.60284C9.89718 5.22846 10.9159 5 11.9998 5C17.0366 5 20.664 9.93293 21.6988 11.5167C21.8925 11.8132 21.8925 12.1868 21.6988 12.4833C21.3892 12.9571 20.8476 13.7307 20.1056 14.5822C19.9344 14.7787 19.6397 14.8032 19.4339 14.6432L19.0407 14.3374C18.8092 14.1573 18.7822 13.8179 18.9749 13.5967C19.1209 13.429 19.2587 13.2645 19.3878 13.1052C19.9114 12.459 19.9114 11.541 19.3878 10.8948C18.8552 10.2375 18.1756 9.49212 17.3725 8.80219C15.8466 7.49116 14.0171 6.5 11.9998 6.5C11.2512 6.5 10.5285 6.63648 9.83756 6.87515C9.67151 6.93251 9.48682 6.90658 9.34814 6.79872L8.85704 6.41675Z" fill="black"/>
<path d="M15.8613 10.9529C15.9704 11.3561 15.5153 11.5954 15.1857 11.339L13.7839 10.2487C13.6274 10.0894 13.4498 9.95089 13.2556 9.83783L11.8052 8.70975C11.4959 8.46923 11.608 8 11.9998 8C13.8466 8 15.4011 9.25163 15.8613 10.9529Z" fill="black"/>
</svg>