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
4 lines
772 B
XML
4 lines
772 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="M2 6C2 3.79086 3.79086 2 6 2H12C14.2091 2 16 3.79086 16 6V7.5C16 7.77614 16.2239 8 16.5 8H18C20.2091 8 22 9.79086 22 12V18C22 20.2091 20.2091 22 18 22H12C9.79086 22 8 20.2091 8 18V16.5C8 16.2239 7.77614 16 7.5 16H6C3.79086 16 2 14.2091 2 12V6ZM6 3.5H12C13.3807 3.5 14.5 4.61929 14.5 6V12C14.5 13.3807 13.3807 14.5 12 14.5H6C4.61929 14.5 3.5 13.3807 3.5 12V6C3.5 4.61929 4.61929 3.5 6 3.5ZM10 16C9.72386 16 9.5 16.2239 9.5 16.5V18C9.5 19.3807 10.6193 20.5 12 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18V12C20.5 10.6193 19.3807 9.5 18 9.5H16.5C16.2239 9.5 16 9.72386 16 10V12C16 14.2091 14.2091 16 12 16H10Z" fill="black"/>
|
|
</svg>
|