mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-01 09:17:29 +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
848 B
XML
4 lines
848 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="M11.6192 6.84322L5.00164 4.11833C4.45399 3.89283 3.90948 4.44697 4.14456 4.99058L11.3015 21.5411C11.422 21.8196 11.6965 22 12 22C12.3035 22 12.578 21.8196 12.6984 21.5411L19.8554 4.99058C20.0905 4.44697 19.546 3.89283 18.9983 4.11833L12.3807 6.84322C12.1368 6.94365 11.8631 6.94365 11.6192 6.84322ZM11.25 8.51818C11.25 8.39035 11.1663 8.27891 11.0481 8.23024L7.47933 6.76074C7.06444 6.5899 6.65194 7.00971 6.83002 7.42153L10.7705 16.5339C10.8782 16.783 11.25 16.7061 11.25 16.4347V8.51818ZM12.75 8.51819C12.75 8.39035 12.8337 8.27891 12.9519 8.23024L16.5206 6.76074C16.9355 6.5899 17.348 7.00971 17.1699 7.42153L13.2294 16.5339C13.1217 16.783 12.75 16.7061 12.75 16.4347V8.51819Z" fill="black"/>
|
|
</svg>
|