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="M7 6.84444C7 5.45528 8.54081 4.61992 9.70493 5.37795L18.2658 10.9525C19.023 11.4455 19.023 12.5544 18.2658 13.0475L9.70493 18.622C8.54081 19.38 7 18.5446 7 17.1555V6.84444ZM8.88642 6.63494C8.72012 6.52665 8.5 6.64599 8.5 6.84444V17.1555C8.5 17.3539 8.72012 17.4733 8.88642 17.365L16.8038 12.2095C16.9553 12.1108 16.9553 11.8891 16.8038 11.7905L8.88642 6.63494Z" fill="black"/>
</svg>