mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-01 01:06:07 +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
830 B
XML
5 lines
830 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="M8.25 5.25C6.73122 5.25 5.5 6.48122 5.5 8V16C5.5 17.5188 6.73122 18.75 8.25 18.75C9.76878 18.75 11 17.5188 11 16V8C11 6.48122 9.76878 5.25 8.25 5.25ZM7 8C7 7.30964 7.55964 6.75 8.25 6.75C8.94036 6.75 9.5 7.30964 9.5 8V16C9.5 16.6904 8.94036 17.25 8.25 17.25C7.55964 17.25 7 16.6904 7 16V8Z" fill="black"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 5.25C14.2312 5.25 13 6.48122 13 8V16C13 17.5188 14.2312 18.75 15.75 18.75C17.2688 18.75 18.5 17.5188 18.5 16V8C18.5 6.48122 17.2688 5.25 15.75 5.25ZM14.5 8C14.5 7.30964 15.0596 6.75 15.75 6.75C16.4404 6.75 17 7.30964 17 8V16C17 16.6904 16.4404 17.25 15.75 17.25C15.0596 17.25 14.5 16.6904 14.5 16V8Z" fill="black"/>
|
|
</svg>
|