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/settings-advanced.svg

5 lines
1.6 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="M10.3077 19.25C10.1529 19.25 10.0081 19.3229 9.9069 19.44C9.08172 20.3954 7.86147 21 6.5 21C4.01472 21 2 18.9853 2 16.5C2 14.0147 4.01472 12 6.5 12C7.86147 12 9.08172 12.6046 9.9069 13.56C10.0081 13.6771 10.1529 13.75 10.3077 13.75H19C20.5188 13.75 21.75 14.9812 21.75 16.5C21.75 18.0188 20.5188 19.25 19 19.25H10.3077ZM9.5 16.5C9.5 18.1569 8.15685 19.5 6.5 19.5C4.84315 19.5 3.5 18.1569 3.5 16.5C3.5 14.8431 4.84315 13.5 6.5 13.5C8.15685 13.5 9.5 14.8431 9.5 16.5ZM11.4888 17.75C11.1561 17.75 10.9164 17.4299 10.9603 17.1C10.9865 16.9038 11 16.7035 11 16.5C11 16.2965 10.9865 16.0962 10.9603 15.9C10.9164 15.5701 11.1561 15.25 11.4888 15.25H19C19.6904 15.25 20.25 15.8096 20.25 16.5C20.25 17.1904 19.6904 17.75 19 17.75H11.4888Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 7.5C22 9.98528 19.9853 12 17.5 12C16.1385 12 14.9183 11.3954 14.0931 10.44C13.9919 10.3229 13.8471 10.25 13.6923 10.25H5C3.48122 10.25 2.25 9.01878 2.25 7.5C2.25 5.98122 3.48122 4.75 5 4.75H13.6923C13.8471 4.75 13.9919 4.67714 14.0931 4.55998C14.9183 3.60461 16.1385 3 17.5 3C19.9853 3 22 5.01472 22 7.5ZM20.5 7.5C20.5 9.15685 19.1569 10.5 17.5 10.5C15.8431 10.5 14.5 9.15685 14.5 7.5C14.5 5.84315 15.8431 4.5 17.5 4.5C19.1569 4.5 20.5 5.84315 20.5 7.5ZM12.5112 6.25C12.8439 6.25 13.0836 6.57013 13.0397 6.89995C13.0135 7.09625 13 7.29655 13 7.5C13 7.70345 13.0135 7.90375 13.0397 8.10005C13.0836 8.42987 12.8439 8.75 12.5112 8.75H5C4.30964 8.75 3.75 8.19036 3.75 7.5C3.75 6.80964 4.30964 6.25 5 6.25H12.5112Z" fill="black"/>
</svg>