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/keycard-logo.svg

4 lines
1.0 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="M9.25 21.25C9.25 21.6642 9.58579 22 10 22C10.4142 22 10.75 21.6642 10.75 21.25V19.5179C10.75 19.3853 10.8027 19.2581 10.8964 19.1643L11.2066 18.8542C11.4238 18.6369 11.7838 18.6652 11.9645 18.9137L13.9096 21.5882C14.0978 21.8469 14.3984 22 14.7183 22H15.082C15.4906 22 15.7267 21.5364 15.4864 21.2059L12.9454 17.7122C12.8007 17.5132 12.8223 17.2385 12.9963 17.0645L15.2072 14.8536C15.5222 14.5386 15.2991 14 14.8537 14H14.3537C14.0885 14 13.8341 14.1054 13.6466 14.2929L11.6036 16.3359C11.2886 16.6509 10.75 16.4278 10.75 15.9823V11.3609C10.75 11.1167 10.9275 10.9111 11.1634 10.8482C13.0848 10.3354 14.5 8.58296 14.5 6.5C14.5 4.01472 12.4853 2 10 2C7.51472 2 5.5 4.01472 5.5 6.5C5.5 8.58296 6.91522 10.3354 8.83657 10.8482C9.07253 10.9111 9.25 11.1167 9.25 11.3609V21.25ZM13 6.5C13 8.15685 11.6569 9.5 10 9.5C8.34315 9.5 7 8.15685 7 6.5C7 4.84315 8.34315 3.5 10 3.5C11.6569 3.5 13 4.84315 13 6.5Z" fill="black"/>
</svg>