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

5 lines
1.0 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="M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10ZM13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.1716 11.5 10.5 10.8284 10.5 10C10.5 9.17157 11.1716 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2346 21.7791C9.90167 20.6448 4 15.3224 4 10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10C20 15.3224 14.0983 20.6448 12.7654 21.7791C12.5924 21.9262 12.3763 22 12.1492 22H11.8508C11.6237 22 11.4076 21.9262 11.2346 21.7791ZM15.693 16.5463C14.4697 18.1389 13.1411 19.4311 12.3262 20.1683C12.1406 20.3361 11.8594 20.3361 11.6738 20.1683C10.8589 19.4311 9.53034 18.1389 8.30702 16.5463C6.72141 14.4821 5.5 12.1532 5.5 10C5.5 6.41015 8.41015 3.5 12 3.5C15.5899 3.5 18.5 6.41015 18.5 10C18.5 12.1532 17.2786 14.4821 15.693 16.5463Z" fill="black"/>
</svg>