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/shared/status/assets/img/icons/mobile-sync-off.svg

7 lines
2.8 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="M3.53033 2.46967C3.23744 2.17678 2.76256 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23744 2.46967 3.53033L20.4697 21.5303C20.7626 21.8232 21.2374 21.8232 21.5303 21.5303C21.8232 21.2374 21.8232 20.7626 21.5303 20.4697L18.0429 16.9822C17.8554 16.7947 17.75 16.5403 17.75 16.2751V12C17.75 11.5858 17.4142 11.25 17 11.25C16.5858 11.25 16.25 11.5858 16.25 12V14.2237C16.25 14.58 15.8191 14.7585 15.5672 14.5065L8.51287 7.45221C8.31285 7.25219 8.31829 6.9041 8.59223 6.83361C8.59923 6.83181 8.60627 6.83009 8.61335 6.82844C8.69727 6.80891 8.80346 6.79225 8.94174 6.77984C9.2664 6.75071 9.68958 6.75 10.32 6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25L10.2864 5.25C9.69824 5.24999 9.20735 5.24998 8.80767 5.28585C8.39026 5.3233 8.00005 5.40447 7.63749 5.61126C7.57969 5.64423 7.52322 5.67922 7.46819 5.71613C7.24138 5.86825 6.93106 5.8704 6.73794 5.67728L3.53033 2.46967Z" fill="black"/>
<path d="M19.1972 8.25211C19.2556 8.66217 19.5858 8.99988 20 8.99988C20.4142 8.99988 20.7544 8.6628 20.7089 8.25108C20.3635 5.12141 17.8785 2.63635 14.7488 2.29095C14.3371 2.24551 14 2.58567 14 2.99988C14 3.4141 14.3377 3.74426 14.7478 3.80273C17.0488 4.13087 18.869 5.95105 19.1972 8.25211Z" fill="black"/>
<path d="M7.75 15.75V11.2427C7.75 11.0438 7.67098 10.853 7.53033 10.7124L7.10355 10.2856C6.78857 9.97059 6.25 10.1937 6.25 10.6391V17.7136C6.24999 18.3017 6.24998 18.7927 6.28585 19.1923C6.32331 19.6097 6.40447 20 6.61127 20.3625C6.85528 20.7903 7.20969 21.1447 7.63749 21.3887C8.00005 21.5955 8.39026 21.6767 8.80767 21.7142C9.20734 21.75 9.69823 21.75 10.2864 21.75H13.7136C14.3018 21.75 14.7927 21.75 15.1923 21.7142C15.6097 21.6767 16 21.5955 16.3625 21.3887C16.6039 21.251 16.822 21.0782 17.01 20.8768C17.2045 20.6685 17.1661 20.3481 16.9646 20.1466L16.6067 19.7887C16.4218 19.6038 16.0703 19.6966 15.8858 19.8819C15.8069 19.9612 15.7174 20.0299 15.6193 20.0858C15.5213 20.1417 15.3728 20.1919 15.0583 20.2202C14.7336 20.2493 14.3104 20.25 13.68 20.25H10.32C9.68958 20.25 9.2664 20.2493 8.94174 20.2202C8.62723 20.1919 8.47875 20.1417 8.38068 20.0858C8.18623 19.9749 8.02513 19.8138 7.91421 19.6193C7.85828 19.5213 7.80807 19.3728 7.77984 19.0583C7.76051 18.8428 7.75369 18.584 7.7513 18.2501C7.74931 17.9739 7.97391 17.75 8.25008 17.75H13.3609C13.8063 17.75 14.0294 17.2114 13.7144 16.8964L13.2876 16.4697C13.147 16.329 12.9562 16.25 12.7573 16.25H8.25C7.97386 16.25 7.75 16.0261 7.75 15.75Z" fill="black"/>
<path d="M16.1267 8.2637C16.2622 8.65512 16.5858 9.00012 17 9.00012C17.4142 9.00012 17.7578 8.66095 17.676 8.25491C17.3789 6.78169 16.2184 5.6212 14.7452 5.32416C14.3392 5.24229 14 5.5859 14 6.00012C14 6.41433 14.345 6.73788 14.7364 6.8734C15.3867 7.09852 15.9016 7.61345 16.1267 8.2637Z" fill="black"/>
</svg>