mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-20 03:20:24 +00:00
17e9e30454
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
4 lines
457 B
XML
4 lines
457 B
XML
<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="M20.5 18.6667V12C20.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.5H18.6667C19.6792 20.5 20.5 19.6792 20.5 18.6667ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22H18.6667C20.5076 22 22 20.5076 22 18.6667V12C22 6.47715 17.5228 2 12 2Z" fill="black"/>
|
|
</svg>
|