Pascal Precht 17e9e30454 feat: introduce StatusIcon component
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
2021-04-27 14:56:09 -04:00

4 lines
529 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="M21.416 2.37592C21.7607 2.60568 21.8538 3.07134 21.624 3.41598L9.62404 21.416C9.4994 21.6029 9.2975 21.7242 9.0739 21.7463C8.8503 21.7684 8.62855 21.6892 8.46967 21.5303L2.46967 15.5303C2.17678 15.2374 2.17678 14.7625 2.46967 14.4696C2.76256 14.1767 3.23744 14.1767 3.53033 14.4696L8.88343 19.8227L20.376 2.58393C20.6057 2.23929 21.0714 2.14616 21.416 2.37592Z" fill="black"/>
</svg>