status-desktop/ui/imports/assets/icons/stickers.svg

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.56858 15.4864C9.22903 15.2492 8.75712 15.2427 8.46422 15.5356C8.17133 15.8285 8.16876 16.3079 8.49708 16.5604C9.46695 17.3065 10.6816 17.75 11.9998 17.75C13.318 17.75 14.5326 17.3065 15.5024 16.5604C15.8308 16.3079 15.8282 15.8285 15.5353 15.5356C15.2424 15.2427 14.7705 15.2492 14.4309 15.4864C13.742 15.9677 12.9039 16.25 11.9998 16.25C11.0956 16.25 10.2575 15.9677 9.56858 15.4864Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8645 13.65C21.9401 13.1947 21.8959 12.7436 21.7602 12.3175C21.5838 11.7642 21.253 11.253 20.8292 10.8292L13.1708 3.17081C12.747 2.74702 12.2358 2.41617 11.6825 2.23984C11.6292 2.22286 11.5756 2.20732 11.5216 2.19327C11.1435 2.09488 10.7484 2.06934 10.35 2.13548C10.289 2.14561 10.2282 2.15629 10.1675 2.16752C5.51984 3.02825 2 7.10307 2 12C2 17.5228 6.47715 22 12 22C16.8969 22 20.9717 18.4802 21.8325 13.8325C21.8437 13.7718 21.8544 13.711 21.8645 13.65ZM3.5 12C3.5 8.08637 6.14622 4.78828 9.74701 3.80142C9.87574 3.76614 10 3.86653 10 4C10 9.52285 14.4772 14 20 14C20.1335 14 20.2339 14.1243 20.1986 14.253C19.2117 17.8538 15.9136 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM20 12.5C20.1011 12.5 20.1641 12.3936 20.1094 12.3086C20.0185 12.1674 19.9054 12.0267 19.7685 11.8898L12.1101 4.23147C11.9733 4.0946 11.8326 3.98147 11.6914 3.89064C11.6064 3.83594 11.5 3.89892 11.5 4C11.5 8.69442 15.3056 12.5 20 12.5Z" fill="black"/>
</svg>
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="M9.56858 15.4864C9.22903 15.2492 8.75712 15.2427 8.46422 15.5356C8.17133 15.8285 8.16876 16.3079 8.49708 16.5604C9.46695 17.3065 10.6816 17.75 11.9998 17.75C13.318 17.75 14.5326 17.3065 15.5024 16.5604C15.8308 16.3079 15.8282 15.8285 15.5353 15.5356C15.2424 15.2427 14.7705 15.2492 14.4309 15.4864C13.742 15.9677 12.9039 16.25 11.9998 16.25C11.0956 16.25 10.2575 15.9677 9.56858 15.4864Z" fill="black"/>`
			<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8645 13.65C21.9401 13.1947 21.8959 12.7436 21.7602 12.3175C21.5838 11.7642 21.253 11.253 20.8292 10.8292L13.1708 3.17081C12.747 2.74702 12.2358 2.41617 11.6825 2.23984C11.6292 2.22286 11.5756 2.20732 11.5216 2.19327C11.1435 2.09488 10.7484 2.06934 10.35 2.13548C10.289 2.14561 10.2282 2.15629 10.1675 2.16752C5.51984 3.02825 2 7.10307 2 12C2 17.5228 6.47715 22 12 22C16.8969 22 20.9717 18.4802 21.8325 13.8325C21.8437 13.7718 21.8544 13.711 21.8645 13.65ZM3.5 12C3.5 8.08637 6.14622 4.78828 9.74701 3.80142C9.87574 3.76614 10 3.86653 10 4C10 9.52285 14.4772 14 20 14C20.1335 14 20.2339 14.1243 20.1986 14.253C19.2117 17.8538 15.9136 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM20 12.5C20.1011 12.5 20.1641 12.3936 20.1094 12.3086C20.0185 12.1674 19.9054 12.0267 19.7685 11.8898L12.1101 4.23147C11.9733 4.0946 11.8326 3.98147 11.6914 3.89064C11.6064 3.83594 11.5 3.89892 11.5 4C11.5 8.69442 15.3056 12.5 20 12.5Z" fill="black"/>
			`</svg>`