status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/imports/assets/icons/max.svg

5 lines
847 B
XML
Raw Normal View History

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-26 12:50:13 +00:00
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 19.25C12.5563 19.25 16.25 15.5563 16.25 11C16.25 10.5611 15.7194 10.3413 15.409 10.6516L14.5303 11.5303C14.2374 11.8232 13.7626 11.8232 13.4697 11.5303C13.1768 11.2374 13.1768 10.7626 13.4697 10.4697L16.4697 7.46967C16.7626 7.17678 17.2374 7.17678 17.5303 7.46967L20.5303 10.4697C20.8232 10.7626 20.8232 11.2374 20.5303 11.5303C20.2374 11.8232 19.7626 11.8232 19.4697 11.5303L18.591 10.6516C18.2806 10.3413 17.75 10.5611 17.75 11C17.75 16.3848 13.3848 20.75 8 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20C3.25 19.5858 3.58579 19.25 4 19.25H8Z" fill="black"/>
<path d="M3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4C20.75 4.41421 20.4142 4.75 20 4.75H4C3.58579 4.75 3.25 4.41421 3.25 4Z" fill="black"/>
</svg>