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

5 lines
840 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="M12 11.5C12.8284 11.5 13.5 10.8284 13.5 10C13.5 9.17157 12.8284 8.5 12 8.5C11.1716 8.5 10.5 9.17157 10.5 10C10.5 10.8284 11.1716 11.5 12 11.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 20V4C7 2.89543 7.89543 2 9 2H15C16.1046 2 17 2.89543 17 4V20C17 21.1046 16.1046 22 15 22H9C7.89543 22 7 21.1046 7 20ZM9 3.5C8.72386 3.5 8.5 3.72386 8.5 4V10C8.5 11.933 10.067 13.5 12 13.5C13.933 13.5 15.5 11.933 15.5 10V4C15.5 3.72386 15.2761 3.5 15 3.5H9ZM12 15C11.0646 15 10.1891 14.7431 9.44035 14.296C9.05995 14.0689 8.5 14.318 8.5 14.7611V20C8.5 20.2761 8.72386 20.5 9 20.5H15C15.2761 20.5 15.5 20.2761 15.5 20V14.7611C15.5 14.318 14.9401 14.0689 14.5596 14.296C13.8109 14.7431 12.9354 15 12 15Z" fill="black"/>
</svg>