mirror of
https://github.com/status-im/status-desktop.git
synced 2025-02-01 01:06:07 +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
10 lines
1.5 KiB
XML
10 lines
1.5 KiB
XML
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M7 16.5C7 15.9477 7.44772 15.5 8 15.5H16C16.5523 15.5 17 15.9477 17 16.5C17 17.0523 16.5523 17.5 16 17.5H8C7.44772 17.5 7 17.0523 7 16.5Z" fill="black"/>
|
|
<path d="M7 7C6.44772 7 6 7.44772 6 8V8.5C6 9.05228 6.44772 9.5 7 9.5H7.5C8.05228 9.5 8.5 9.05228 8.5 8.5V8C8.5 7.44772 8.05228 7 7.5 7H7Z" fill="black"/>
|
|
<path d="M8.25 12C8.25 11.4477 8.69772 11 9.25 11H9.75C10.3023 11 10.75 11.4477 10.75 12V12.5C10.75 13.0523 10.3023 13.5 9.75 13.5H9.25C8.69772 13.5 8.25 13.0523 8.25 12.5V12Z" fill="black"/>
|
|
<path d="M14.25 11C13.6977 11 13.25 11.4477 13.25 12V12.5C13.25 13.0523 13.6977 13.5 14.25 13.5H14.75C15.3023 13.5 15.75 13.0523 15.75 12.5V12C15.75 11.4477 15.3023 11 14.75 11H14.25Z" fill="black"/>
|
|
<path d="M10.75 8C10.75 7.44772 11.1977 7 11.75 7H12.25C12.8023 7 13.25 7.44772 13.25 8V8.5C13.25 9.05228 12.8023 9.5 12.25 9.5H11.75C11.1977 9.5 10.75 9.05228 10.75 8.5V8Z" fill="black"/>
|
|
<path d="M16.5 7C15.9477 7 15.5 7.44772 15.5 8V8.5C15.5 9.05228 15.9477 9.5 16.5 9.5H17C17.5523 9.5 18 9.05228 18 8.5V8C18 7.44772 17.5523 7 17 7H16.5Z" fill="black"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H18C20.2091 21 22 19.2091 22 17V7C22 4.79086 20.2091 3 18 3H6ZM18 4.5H6C4.61929 4.5 3.5 5.61929 3.5 7V17C3.5 18.3807 4.61929 19.5 6 19.5H18C19.3807 19.5 20.5 18.3807 20.5 17V7C20.5 5.61929 19.3807 4.5 18 4.5Z" fill="black"/>
|
|
</svg>
|