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

5 lines
1.1 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="M16 13.25C16 12.8358 16.3383 12.5066 16.7469 12.4383C18.8767 12.0825 20.5 10.2308 20.5 8C20.5 5.51472 18.4853 3.5 16 3.5L8 3.5C5.51472 3.5 3.5 5.51472 3.5 8C3.5 10.2308 5.12331 12.0825 7.25314 12.4383C7.66169 12.5066 8 12.8358 8 13.25C8 13.6642 7.66253 14.0049 7.25149 13.9538C4.29104 13.5854 2 11.0602 2 8C2 4.68629 4.68629 2 8 2L16 2C19.3137 2 22 4.68629 22 8C22 11.0602 19.709 13.5854 16.7485 13.9538C16.3375 14.0049 16 13.6642 16 13.25Z" fill="black"/>
<path d="M12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V17.9822C12.75 18.4277 13.2886 18.6508 13.6036 18.3358L15.4697 16.4697C15.7626 16.1768 16.2374 16.1768 16.5303 16.4697C16.8232 16.7626 16.8232 17.2374 16.5303 17.5303L12.5303 21.5303C12.2374 21.8232 11.7626 21.8232 11.4697 21.5303L7.46967 17.5303C7.17678 17.2374 7.17678 16.7626 7.46967 16.4697C7.76256 16.1768 8.23744 16.1768 8.53033 16.4697L10.3964 18.3358C10.7114 18.6508 11.25 18.4277 11.25 17.9822V8C11.25 7.58579 11.5858 7.25 12 7.25Z" fill="black"/>
</svg>