mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-03 10:14:04 +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
669 B
XML
4 lines
669 B
XML
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M3 9.81994C3 7.89494 4.371 6.24294 6.263 5.88894L17.816 3.72194C18.431 3.60694 19 4.07894 19 4.70494V6.49994C19 7.05294 18.552 7.49994 18 7.49994H6.618C6.239 7.49994 5.893 7.71394 5.724 8.05294L5.5 8.49994C5.27 8.95994 5.604 9.49994 6.118 9.49994H20C20.552 9.49994 21 9.94794 21 10.4999V20.4999C21 21.0529 20.552 21.4999 20 21.4999H7C4.791 21.4999 3 19.7099 3 17.4999V9.81994ZM16 15.4999C16 16.3289 16.672 16.9999 17.5 16.9999C18.328 16.9999 19 16.3289 19 15.4999C19 14.6719 18.328 13.9999 17.5 13.9999C16.672 13.9999 16 14.6719 16 15.4999Z" fill="black"/>
|
|
</svg>
|