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

8 lines
2.4 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="M13.9509 21.8079C12.0111 22.1937 10.0004 21.9957 8.17313 21.2388C6.34587 20.4819 4.78408 19.2002 3.68527 17.5557C3.45514 17.2113 3.54778 16.7455 3.89219 16.5154C4.2366 16.2853 4.70235 16.3779 4.93247 16.7223C5.86646 18.1202 7.19398 19.2096 8.74715 19.853C10.3003 20.4963 12.0094 20.6646 13.6582 20.3367C15.3071 20.0087 16.8216 19.1992 18.0104 18.0104C19.1991 16.8217 20.0087 15.3071 20.3366 13.6583C20.6646 12.0094 20.4963 10.3004 19.8529 8.74719C19.2096 7.19402 18.1201 5.8665 16.7223 4.93251C15.3245 3.99852 13.6811 3.5 12 3.5C11.5857 3.5 11.25 3.16421 11.25 2.75C11.25 2.33579 11.5857 2 12 2C13.9778 2 15.9112 2.58649 17.5557 3.6853C19.2002 4.78412 20.4819 6.3459 21.2388 8.17317C21.9956 10.0004 22.1937 12.0111 21.8078 13.9509C21.422 15.8907 20.4696 17.6725 19.071 19.0711C17.6725 20.4696 15.8907 21.422 13.9509 21.8079Z" fill="black"/>
<path d="M2.92432 13.9383C2.51358 13.9918 2.13724 13.7022 2.08375 13.2915C2.05298 13.0553 2.0306 12.8175 2.01676 12.5786C2.00291 12.3397 1.99767 12.101 2.00094 11.8628C2.00662 11.4486 2.34698 11.1175 2.76116 11.1231C3.17533 11.1288 3.50648 11.4692 3.5008 11.8834C3.49802 12.0858 3.50248 12.2888 3.51425 12.4918C3.52601 12.6949 3.54504 12.897 3.57119 13.0978C3.62468 13.5085 3.33507 13.8848 2.92432 13.9383Z" fill="black"/>
<path d="M3.32278 8.70895C2.94862 8.53124 2.78938 8.08386 2.96709 7.70971C3.06929 7.49453 3.17937 7.28261 3.29723 7.07436C3.4151 6.86612 3.54012 6.66264 3.67199 6.46426C3.90128 6.1193 4.36681 6.02554 4.71177 6.25483C5.05673 6.48413 5.15049 6.94965 4.9212 7.29461C4.80911 7.46323 4.70284 7.63619 4.60265 7.8132C4.50246 7.99022 4.40889 8.17036 4.32202 8.35326C4.14431 8.72741 3.69693 8.88666 3.32278 8.70895Z" fill="black"/>
<path d="M6.49243 4.53059C6.27436 4.17843 6.38306 3.71617 6.73522 3.4981C6.93774 3.37269 7.14513 3.25427 7.35706 3.14318C7.569 3.03208 7.78436 2.92887 8.00271 2.83365C8.38239 2.66808 8.82441 2.84164 8.98998 3.22132C9.15556 3.601 8.98199 4.04302 8.60231 4.2086C8.41672 4.28953 8.23366 4.37726 8.05351 4.4717C7.87335 4.56614 7.69707 4.66679 7.52493 4.77338C7.17277 4.99146 6.7105 4.88276 6.49243 4.53059Z" fill="black"/>
<path d="M13 6.5C13 6.08579 12.6642 5.75 12.25 5.75C11.8358 5.75 11.5 6.08579 11.5 6.5V10.5C11.5 10.8934 11.3148 11.2639 11 11.5L7.8 13.9C7.46863 14.1485 7.40147 14.6186 7.65 14.95C7.89853 15.2814 8.36863 15.3485 8.7 15.1L11.9 12.7C12.5925 12.1807 13 11.3656 13 10.5V6.5Z" fill="black"/>
</svg>