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

6 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 d="M12.0604 11.7829C12.612 11.8423 13.1636 11.9017 13.8417 11.8627C15.6794 11.7567 16.7926 10.7799 16.7135 9.32012C16.6332 7.83491 15.1521 6.92001 13.6703 7.00551C11.2556 7.14503 9.47991 9.33989 9.27965 11.8489C9.60756 11.7709 9.94173 11.7221 10.2782 11.7032C10.9568 11.664 11.5086 11.7235 12.0604 11.7829Z" fill="black"/>
<path d="M7.28357 14.8287C7.36061 16.2185 8.77926 17.075 10.1988 16.9948C12.5122 16.8645 14.2132 14.8102 14.4047 12.4621C14.0904 12.5352 13.7703 12.5808 13.4482 12.5985C12.7983 12.6352 12.2697 12.5796 11.7411 12.5239C11.2127 12.4683 10.6843 12.4127 10.0347 12.4493C8.27431 12.5485 7.20781 13.4625 7.28357 14.8287Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
</svg>