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/face-id.svg

11 lines
2.3 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 d="M6 20.25C4.75736 20.25 3.75 19.2426 3.75 18L3.75 16C3.75 15.5858 3.41421 15.25 3 15.25C2.58579 15.25 2.25 15.5858 2.25 16V18C2.25 20.0711 3.92893 21.75 6 21.75H8C8.41421 21.75 8.75 21.4142 8.75 21C8.75 20.5858 8.41421 20.25 8 20.25H6Z" fill="black"/>
<path d="M9.8409 15.0381C9.59014 14.7171 9.12737 14.6545 8.8 14.9C8.46863 15.1485 8.40147 15.6186 8.65 15.95C8.87353 16.2474 9.18287 16.4683 9.5029 16.6512C10.0528 16.9654 10.8684 17.25 12 17.25C13.1316 17.25 13.9472 16.9654 14.4971 16.6512C14.7695 16.4955 14.9711 16.3358 15.1103 16.2074C15.1956 16.1286 15.2771 16.0457 15.3476 15.9532C15.5944 15.6269 15.529 15.1468 15.2 14.9C14.8726 14.6545 14.4099 14.7171 14.1591 15.0381C14.0473 15.1657 13.8989 15.2654 13.7529 15.3488C13.4278 15.5346 12.8684 15.75 12 15.75C11.1316 15.75 10.5722 15.5346 10.2471 15.3488C10.082 15.2545 9.97108 15.1642 9.90715 15.1051C9.88406 15.0838 9.86162 15.0618 9.8409 15.0381Z" fill="black"/>
<path d="M12.75 9.5C12.75 9.08579 12.4142 8.75 12 8.75C11.5858 8.75 11.25 9.08579 11.25 9.5V12.5H11C10.5858 12.5 10.25 12.8358 10.25 13.25C10.25 13.6642 10.5858 14 11 14H11.5C12.1904 14 12.75 13.4404 12.75 12.75V9.5Z" fill="black"/>
<path d="M8.75 9.5C8.75 9.08579 8.41421 8.75 8 8.75C7.58579 8.75 7.25 9.08579 7.25 9.5V11C7.25 11.4142 7.58579 11.75 8 11.75C8.41421 11.75 8.75 11.4142 8.75 11V9.5Z" fill="black"/>
<path d="M3.75 6C3.75 4.75736 4.75736 3.75 6 3.75H8C8.41421 3.75 8.75 3.41421 8.75 3C8.75 2.58579 8.41421 2.25 8 2.25H6C3.92893 2.25 2.25 3.92893 2.25 6V8C2.25 8.41421 2.58579 8.75 3 8.75C3.41421 8.75 3.75 8.41421 3.75 8V6Z" fill="black"/>
<path d="M16 8.75C16.4142 8.75 16.75 9.08579 16.75 9.5V11C16.75 11.4142 16.4142 11.75 16 11.75C15.5858 11.75 15.25 11.4142 15.25 11V9.5C15.25 9.08579 15.5858 8.75 16 8.75Z" fill="black"/>
<path d="M18 3.75C19.2426 3.75 20.25 4.75736 20.25 6V8C20.25 8.41421 20.5858 8.75 21 8.75C21.4142 8.75 21.75 8.41421 21.75 8V6C21.75 3.92893 20.0711 2.25 18 2.25H16C15.5858 2.25 15.25 2.58579 15.25 3C15.25 3.41421 15.5858 3.75 16 3.75H18Z" fill="black"/>
<path d="M18 20.25C19.2426 20.25 20.25 19.2426 20.25 18V16C20.25 15.5858 20.5858 15.25 21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V18C21.75 20.0711 20.0711 21.75 18 21.75H16C15.5858 21.75 15.25 21.4142 15.25 21C15.25 20.5858 15.5858 20.25 16 20.25H18Z" fill="black"/>
</svg>