mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-27 22:11:10 +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
818 B
XML
5 lines
818 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="M22 6.5C22 4.01472 19.9853 2 17.5 2H12C8.68629 2 6 4.68629 6 8V9C6 10.1046 6.89543 11 8 11H17.5C19.9853 11 22 8.98528 22 6.5ZM17.5 3.5H12C9.51472 3.5 7.5 5.51472 7.5 8V9C7.5 9.27614 7.72386 9.5 8 9.5H17.5C19.1569 9.5 20.5 8.15685 20.5 6.5C20.5 4.84315 19.1569 3.5 17.5 3.5Z" fill="black"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 17.5C2 19.9853 4.01472 22 6.5 22L12 22C15.3137 22 18 19.3137 18 16L18 15C18 13.8954 17.1046 13 16 13L6.5 13C4.01472 13 2 15.0147 2 17.5ZM6.5 20.5L12 20.5C14.4853 20.5 16.5 18.4853 16.5 16L16.5 15C16.5 14.7239 16.2761 14.5 16 14.5L6.5 14.5C4.84315 14.5 3.5 15.8431 3.5 17.5C3.5 19.1569 4.84315 20.5 6.5 20.5Z" fill="black"/>
|
|
</svg>
|