mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-03 10:14:04 +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
5 lines
969 B
XML
5 lines
969 B
XML
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V10.75C12.75 11.0261 12.9739 11.25 13.25 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H13.25C12.9739 12.75 12.75 12.9739 12.75 13.25V16C12.75 16.4142 12.4142 16.75 12 16.75C11.5858 16.75 11.25 16.4142 11.25 16V13.25C11.25 12.9739 11.0261 12.75 10.75 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H10.75C11.0261 11.25 11.25 11.0261 11.25 10.75V8C11.25 7.58579 11.5858 7.25 12 7.25Z" fill="black"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12V18.6667C22 20.5076 20.5076 22 18.6667 22H12C6.47715 22 2 17.5228 2 12ZM20.5 12V18.6667C20.5 19.6792 19.6792 20.5 18.6667 20.5H12C7.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>
|