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/smileys-and-people.svg

7 lines
1.4 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 d="M10 9.5C10 10.6046 9.32843 11.5 8.5 11.5C7.67157 11.5 7 10.6046 7 9.5C7 8.39543 7.67157 7.5 8.5 7.5C9.32843 7.5 10 8.39543 10 9.5Z" fill="black"/>
<path d="M17 9.5C17 10.6046 16.3284 11.5 15.5 11.5C14.6716 11.5 14 10.6046 14 9.5C14 8.39543 14.6716 7.5 15.5 7.5C16.3284 7.5 17 8.39543 17 9.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.21503 14.583C7.8054 14.5438 7.52184 14.9767 7.77891 15.298C8.56848 16.2849 9.87982 17.25 12 17.25C14.1202 17.25 15.4315 16.2849 16.2211 15.298C16.4782 14.9767 16.1946 14.5438 15.785 14.583C14.8165 14.6756 13.5548 14.75 12 14.75C10.4452 14.75 9.18353 14.6756 8.21503 14.583ZM5.79304 13.3251C6.0663 13.0114 6.49491 12.8441 6.9398 12.9141C7.83452 13.0549 9.52114 13.25 12 13.25C14.4789 13.25 16.1655 13.0549 17.0602 12.9141C17.5051 12.8441 17.9337 13.0114 18.207 13.3251C18.4897 13.6497 18.6 14.1312 18.3925 14.5916C17.7587 15.998 15.9925 18.75 12 18.75C8.00747 18.75 6.24127 15.998 5.60749 14.5916C5.4 14.1312 5.51032 13.6497 5.79304 13.3251Z" fill="black"/>
</svg>