mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-26 14:32:01 +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
5 lines
1.3 KiB
XML
5 lines
1.3 KiB
XML
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M6.46967 12.4697C6.76256 12.1768 7.23744 12.1768 7.53033 12.4697C7.82322 12.7626 7.82322 13.2374 7.53033 13.5303L5.66421 15.3964C5.34923 15.7114 5.57232 16.25 6.01777 16.25H17C18.7949 16.25 20.25 14.7949 20.25 13V12C20.25 11.5858 20.5858 11.25 21 11.25C21.4142 11.25 21.75 11.5858 21.75 12V13C21.75 15.6234 19.6234 17.75 17 17.75H6.01777C5.57231 17.75 5.34923 18.2886 5.66421 18.6036L7.53033 20.4697C7.82322 20.7626 7.82322 21.2374 7.53033 21.5303C7.23744 21.8232 6.76256 21.8232 6.46967 21.5303L2.46967 17.5303C2.17678 17.2374 2.17678 16.7626 2.46967 16.4697L6.46967 12.4697Z" fill="black"/>
|
|
<path d="M16.4697 2.46967C16.1768 2.76256 16.1768 3.23744 16.4697 3.53033L18.3358 5.39645C18.6508 5.71143 18.4277 6.25 17.9822 6.25H7C4.37665 6.25 2.25 8.37665 2.25 11V12C2.25 12.4142 2.58579 12.75 3 12.75C3.41421 12.75 3.75 12.4142 3.75 12V11C3.75 9.20507 5.20507 7.75 7 7.75H17.9822C18.4277 7.75 18.6508 8.28857 18.3358 8.60355L16.4697 10.4697C16.1768 10.7626 16.1768 11.2374 16.4697 11.5303C16.7626 11.8232 17.2374 11.8232 17.5303 11.5303L21.5303 7.53033C21.8232 7.23744 21.8232 6.76256 21.5303 6.46967L17.5303 2.46967C17.2374 2.17678 16.7626 2.17678 16.4697 2.46967Z" fill="black"/>
|
|
</svg>
|