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

7 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 d="M4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L18.4697 19.5303C18.7626 19.8232 19.2374 19.8232 19.5303 19.5303C19.8232 19.2374 19.8232 18.7626 19.5303 18.4697L13.4003 12.3397C13.2306 12.17 13.372 11.8977 13.604 11.9593C13.8717 12.0304 14.1349 12.1193 14.3918 12.2258C15.1501 12.5398 15.8391 13.0002 16.4195 13.5806C16.7124 13.8735 17.1872 13.8735 17.4801 13.5806C17.773 13.2877 17.773 12.8128 17.4801 12.5199C16.7605 11.8003 15.9061 11.2294 14.9658 10.8399C14.0256 10.4505 13.0178 10.25 12 10.25C11.8956 10.25 11.7913 10.2521 11.6871 10.2563C11.466 10.2653 11.2486 10.188 11.0922 10.0316L8.97126 7.9106C8.70903 7.64837 8.8145 7.20402 9.17346 7.11085C10.0945 6.87178 11.0442 6.75 11.9999 6.75C13.4773 6.75 14.9402 7.04099 16.3051 7.60635C17.67 8.17172 18.9102 9.00039 19.9549 10.045C20.2478 10.3379 20.7227 10.3379 21.0155 10.045C21.3084 9.75215 21.3084 9.27728 21.0155 8.98439C19.8316 7.80044 18.426 6.86128 16.8791 6.22054C15.3322 5.57979 13.6743 5.25 11.9999 5.25C10.4769 5.25 8.9675 5.52286 7.54287 6.05441C7.35504 6.12449 7.14263 6.08197 7.00087 5.94021L4.53033 3.46967Z" fill="black"/>
<path d="M7.6416 11.5917C7.91324 11.4069 8.27483 11.4569 8.50712 11.6891C8.85751 12.0395 8.75965 12.6327 8.35701 12.9215C8.08136 13.1193 7.82163 13.3396 7.58062 13.5806C7.28773 13.8735 6.81286 13.8735 6.51996 13.5806C6.22707 13.2877 6.22707 12.8128 6.51996 12.5199C6.86472 12.1752 7.24038 11.8646 7.6416 11.5917Z" fill="black"/>
<path d="M4.87178 9.29644C5.2295 9.00347 5.27924 8.46126 4.95229 8.13431C4.69419 7.87621 4.28515 7.84235 4.00091 8.07135C3.64664 8.35676 3.30724 8.66147 2.98432 8.98439C2.69142 9.27728 2.69143 9.75216 2.98432 10.0451C3.27721 10.3379 3.75209 10.3379 4.04498 10.0451C4.30852 9.78151 4.5845 9.53172 4.87178 9.29644Z" fill="black"/>
<path d="M13.4089 17.6516C13.7018 17.3587 13.7018 16.8839 13.4089 16.591L12.2808 15.4628C12.1447 15.3267 11.9611 15.2436 11.7694 15.2597C11.5812 15.2756 11.3955 15.3107 11.2162 15.364C10.7817 15.4932 10.3817 15.7291 10.0554 16.0555C9.91471 16.1961 9.83569 16.3869 9.83569 16.5858C9.83569 16.7847 9.91471 16.9755 10.0554 17.1161L11.4696 18.5303C11.6102 18.671 11.801 18.75 11.9999 18.75C12.1988 18.75 12.3896 18.671 12.5302 18.5303L13.4089 17.6516Z" fill="black"/>
</svg>