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/in-contacts.svg

6 lines
1.2 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 13C14.7614 13 17 10.7614 17 8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8C7 10.7614 9.23858 13 12 13ZM12 11.5C13.933 11.5 15.5 9.933 15.5 8C15.5 6.067 13.933 4.5 12 4.5C10.067 4.5 8.5 6.067 8.5 8C8.5 9.933 10.067 11.5 12 11.5Z" fill="black"/>
<path d="M12.9345 16.7839C12.8997 17.2015 12.5288 17.506 12.1099 17.5007C12.0732 17.5002 12.0366 17.5 11.9998 17.5C9.45645 17.5 7.17395 18.6171 5.61624 20.3874C5.31374 20.7312 4.77772 20.7779 4.45392 20.454C4.19319 20.1933 4.16181 19.7784 4.40167 19.4984C6.23574 17.357 8.95932 16 11.9998 16C12.0868 16 12.1735 16.0011 12.2599 16.0033C12.6689 16.0138 12.9685 16.3762 12.9345 16.7839Z" fill="black"/>
<path d="M21.6708 13.3354C21.8561 12.9649 21.7059 12.5144 21.3354 12.3292C20.9649 12.1439 20.5144 12.2941 20.3292 12.6646L18.1048 17.1134C17.9522 17.4186 17.5453 17.4847 17.304 17.2433L16.5303 16.4697C16.2374 16.1768 15.7626 16.1768 15.4697 16.4697C15.1768 16.7626 15.1768 17.2374 15.4697 17.5303L16.9791 19.0398C17.5824 19.6431 18.5995 19.4781 18.9811 18.7149L21.6708 13.3354Z" fill="black"/>
</svg>