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

4 lines
1.2 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="M2.25 18C2.25 9.30152 9.30152 2.25 18 2.25H19C20.5188 2.25 21.75 3.48122 21.75 5V13C21.75 14.5188 20.5188 15.75 19 15.75H18C16.7574 15.75 15.75 16.7574 15.75 18V19C15.75 20.5188 14.5188 21.75 13 21.75H5C3.48122 21.75 2.25 20.5188 2.25 19V18ZM18 3.75C10.1299 3.75 3.75 10.1299 3.75 18V19C3.75 19.6904 4.30964 20.25 5 20.25H5.75C6.02614 20.25 6.25 20.0261 6.25 19.75V18C6.25 11.5107 11.5107 6.25 18 6.25H19.75C20.0261 6.25 20.25 6.02614 20.25 5.75V5C20.25 4.30964 19.6904 3.75 19 3.75H18ZM10.25 19.75C10.25 20.0261 10.0261 20.25 9.75 20.25H8.25C7.97386 20.25 7.75 20.0261 7.75 19.75V18C7.75 12.3391 12.3391 7.75 18 7.75H19.75C20.0261 7.75 20.25 7.97386 20.25 8.25V9.75C20.25 10.0261 20.0261 10.25 19.75 10.25H18C13.7198 10.25 10.25 13.7198 10.25 18V19.75ZM11.75 19.75C11.75 20.0261 11.9739 20.25 12.25 20.25H13C13.6904 20.25 14.25 19.6904 14.25 19V18C14.25 15.9289 15.9289 14.25 18 14.25H19C19.6904 14.25 20.25 13.6904 20.25 13V12.25C20.25 11.9739 20.0261 11.75 19.75 11.75H18C14.5482 11.75 11.75 14.5482 11.75 18V19.75Z" fill="black"/>
</svg>