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/shared/status/assets/img/icons/condition-or.svg

6 lines
1.1 KiB
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="M13.4977 3.01084C13.0616 2.93893 12.6494 3.23234 12.5771 3.6662L9.84342 20.0738C9.77113 20.5076 10.0661 20.9176 10.5022 20.9896C10.9383 21.0615 11.3504 20.7681 11.4227 20.3342L14.1565 3.92662C14.2288 3.49276 13.9338 3.08275 13.4977 3.01084Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 8.25C16.4289 8.25 14.75 9.92893 14.75 12C14.75 14.0711 16.4289 15.75 18.5 15.75C20.5711 15.75 22.25 14.0711 22.25 12C22.25 9.92893 20.5711 8.25 18.5 8.25ZM16.25 12C16.25 13.2426 17.2574 14.25 18.5 14.25C19.7426 14.25 20.75 13.2426 20.75 12C20.75 10.7574 19.7426 9.75 18.5 9.75C17.2574 9.75 16.25 10.7574 16.25 12Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.5C2.89543 8.5 2 9.39543 2 10.5V13.5C2 14.6046 2.89543 15.5 4 15.5H7C8.10457 15.5 9 14.6046 9 13.5V10.5C9 9.39543 8.10457 8.5 7 8.5H4ZM7 10H4C3.72386 10 3.5 10.2239 3.5 10.5V13.5C3.5 13.7761 3.72386 14 4 14H7C7.27614 14 7.5 13.7761 7.5 13.5V10.5C7.5 10.2239 7.27614 10 7 10Z" fill="black"/>
</svg>