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/private-chat.svg

5 lines
818 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 fill-rule="evenodd" clip-rule="evenodd" d="M22 6.5C22 4.01472 19.9853 2 17.5 2H12C8.68629 2 6 4.68629 6 8V9C6 10.1046 6.89543 11 8 11H17.5C19.9853 11 22 8.98528 22 6.5ZM17.5 3.5H12C9.51472 3.5 7.5 5.51472 7.5 8V9C7.5 9.27614 7.72386 9.5 8 9.5H17.5C19.1569 9.5 20.5 8.15685 20.5 6.5C20.5 4.84315 19.1569 3.5 17.5 3.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 17.5C2 19.9853 4.01472 22 6.5 22L12 22C15.3137 22 18 19.3137 18 16L18 15C18 13.8954 17.1046 13 16 13L6.5 13C4.01472 13 2 15.0147 2 17.5ZM6.5 20.5L12 20.5C14.4853 20.5 16.5 18.4853 16.5 16L16.5 15C16.5 14.7239 16.2761 14.5 16 14.5L6.5 14.5C4.84315 14.5 3.5 15.8431 3.5 17.5C3.5 19.1569 4.84315 20.5 6.5 20.5Z" fill="black"/>
</svg>