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/channel-category.svg

5 lines
2.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="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4898 7.62329C11.5579 7.21472 11.2819 6.8283 10.8733 6.7602C10.4647 6.6921 10.0783 6.96812 10.0102 7.3767L9.76762 8.8322C9.72743 9.07329 9.51884 9.25 9.27442 9.25H8C7.58579 9.25 7.25 9.58579 7.25 10C7.25 10.4142 7.58579 10.75 8 10.75H8.85775C9.16672 10.75 9.40174 11.0274 9.35095 11.3322L9.10095 12.8322C9.06077 13.0733 8.85217 13.25 8.60775 13.25H7.5C7.08579 13.25 6.75 13.5858 6.75 14C6.75 14.4142 7.08579 14.75 7.5 14.75H8.19109C8.50006 14.75 8.73508 15.0274 8.68428 15.3322L8.5102 16.3767C8.4421 16.7853 8.71812 17.1717 9.1267 17.2398C9.53527 17.3079 9.92169 17.0319 9.98979 16.6233L10.2324 15.1678C10.2726 14.9267 10.4811 14.75 10.7256 14.75H12.1911C12.5001 14.75 12.7351 15.0274 12.6843 15.3322L12.5102 16.3767C12.4421 16.7853 12.7181 17.1717 13.1267 17.2398C13.5353 17.3079 13.9217 17.0319 13.9898 16.6233L14.2324 15.1678C14.2726 14.9267 14.4811 14.75 14.7256 14.75H16C16.4142 14.75 16.75 14.4142 16.75 14C16.75 13.5858 16.4142 13.25 16 13.25H15.1422C14.8333 13.25 14.5982 12.9726 14.649 12.6678L14.899 11.1678C14.9392 10.9267 15.1478 10.75 15.3922 10.75H16.5C16.9142 10.75 17.25 10.4142 17.25 10C17.25 9.58579 16.9142 9.25 16.5 9.25H15.8089C15.4999 9.25 15.2649 8.97257 15.3157 8.6678L15.4898 7.62329C15.5579 7.21472 15.2819 6.8283 14.8733 6.7602C14.4647 6.6921 14.0783 6.96812 14.0102 7.3767L13.7676 8.8322C13.7274 9.07329 13.5188 9.25 13.2744 9.25H11.8089C11.4999 9.25 11.2649 8.97257 11.3157 8.6678L11.4898 7.62329ZM12.6078 13.25C12.8522 13.25 13.0608 13.0733 13.1009 12.8322L13.3509 11.3322C13.4017 11.0274 13.1667 10.75 12.8578 10.75H11.3922C11.1478 10.75 10.9392 10.9267 10.899 11.1678L10.649 12.6678C10.5982 12.9726 10.8333 13.25 11.1422 13.25H12.6078Z" fill="black"/>
</svg>