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
647 B
XML

<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.7145 1.61872C12.3727 1.27701 12.3727 0.72299 12.7145 0.381282C13.0562 0.0395728 13.6102 0.0395728 13.9519 0.381282L20.9519 7.38128C21.2936 7.72299 21.2936 8.27701 20.9519 8.61872L13.9519 15.6187C13.6102 15.9604 13.0562 15.9604 12.7145 15.6187C12.3727 15.277 12.3727 14.723 12.7145 14.3813L17.2249 9.87081C17.5924 9.50333 17.3321 8.875 16.8124 8.875H1.6665C1.18326 8.875 0.791504 8.48325 0.791504 8C0.791504 7.51675 1.18326 7.125 1.6665 7.125H16.8124C17.3321 7.125 17.5924 6.49667 17.2249 6.12919L12.7145 1.61872Z" fill="#4360DF"/>
</svg>