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/status-update.svg

4 lines
1.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 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 22ZM12 20.5C13.3807 20.5 14.5 19.3807 14.5 18C14.5 16.6193 13.3807 15.5 12 15.5C10.6193 15.5 9.5 16.6193 9.5 18C9.5 19.3807 10.6193 20.5 12 20.5ZM20.5 12C20.5 13.8106 19.9339 15.4889 18.9691 16.8677C18.7804 17.1373 18.3583 16.8961 18.4121 16.5715C18.4699 16.2229 18.5 15.865 18.5 15.5C18.5 11.9101 15.5899 9 12 9C8.41015 9 5.5 11.9101 5.5 15.5C5.5 15.865 5.53008 16.2229 5.5879 16.5715C5.64173 16.896 5.21955 17.1372 5.03094 16.8677C4.06609 15.4889 3.5 13.8106 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM16 18C16 18.1504 16.1963 18.2238 16.2745 18.0954C16.7349 17.3388 17 16.4504 17 15.5C17 12.7386 14.7614 10.5 12 10.5C9.23858 10.5 7 12.7386 7 15.5C7 16.4504 7.26515 17.3388 7.7255 18.0954C7.80367 18.2238 8 18.1504 8 18C8 15.7909 9.79086 14 12 14C14.2091 14 16 15.7909 16 18Z" fill="black"/>
</svg>