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/imports/assets/icons/cancel.svg

4 lines
764 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="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM5.86861 17.0707C5.66111 17.2782 5.31921 17.2639 5.14546 17.0274C4.11104 15.6194 3.5 13.8811 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C13.8811 3.5 15.6194 4.11104 17.0274 5.14546C17.2639 5.31921 17.2782 5.66111 17.0707 5.86862L5.86861 17.0707ZM6.92928 18.1314C6.72177 18.3389 6.73609 18.6808 6.97258 18.8545C8.38056 19.889 10.1189 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 10.1189 19.889 8.38056 18.8545 6.97258C18.6808 6.73609 18.3389 6.72177 18.1314 6.92928L6.92928 18.1314Z" fill="black"/>
</svg>