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/image.svg

5 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 fill-rule="evenodd" clip-rule="evenodd" d="M18.5 9.5C18.5 11.1569 17.1569 12.5 15.5 12.5C13.8431 12.5 12.5 11.1569 12.5 9.5C12.5 7.84315 13.8431 6.5 15.5 6.5C17.1569 6.5 18.5 7.84315 18.5 9.5ZM17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8C16.3284 8 17 8.67157 17 9.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 7V10.2322C3.5 10.6777 4.03857 10.9008 4.35355 10.5858L5.76256 9.17678C6.44598 8.49336 7.55402 8.49336 8.23744 9.17678L18.3181 19.2575C18.4372 19.3765 18.6094 19.4311 18.7695 19.3793C19.7737 19.0548 20.5 18.1122 20.5 17V7C20.5 5.61929 19.3807 4.5 18 4.5ZM3.53033 13.5303C3.51153 13.5491 3.5 13.5742 3.5 13.6008V17C3.5 18.3807 4.61929 19.5 6 19.5H15.2322C15.6777 19.5 15.9008 18.9614 15.5858 18.6464L7.17678 10.2374C7.07914 10.1398 6.92085 10.1398 6.82322 10.2374L3.53033 13.5303Z" fill="black"/>
</svg>