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/remove-circle.svg

5 lines
781 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="M16 12.7499C16.4142 12.7499 16.75 12.4141 16.75 11.9999C16.75 11.5857 16.4142 11.2499 16 11.2499L8.00003 11.2499C7.58582 11.2499 7.25003 11.5857 7.25003 11.9999C7.25003 12.4141 7.58582 12.7499 8.00003 12.7499L16 12.7499Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 11.9999C22 17.5227 17.5229 21.9999 12 21.9999C6.47718 21.9999 2.00003 17.5227 2.00003 11.9999C2.00003 6.47703 6.47718 1.99988 12 1.99988C17.5229 1.99988 22 6.47703 22 11.9999ZM20.5 11.9999C20.5 16.6943 16.6945 20.4999 12 20.4999C7.30561 20.4999 3.50003 16.6943 3.50003 11.9999C3.50003 7.30546 7.30561 3.49988 12 3.49988C16.6945 3.49988 20.5 7.30546 20.5 11.9999Z" fill="black"/>
</svg>