status-desktop/ui/shared/status/assets/img/icons/gallery.svg

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5668 13.9999C17.6713 13.9999 18.4399 14.6594 18.2834 15.4729C18.1269 16.2864 17.1046 16.9459 16 16.9459C14.8954 16.9459 14.1269 16.2864 14.2834 15.4729C14.4399 14.6594 15.4622 13.9999 16.5668 13.9999Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.51675 14.445L2.989 17.5934C3.28272 19.5514 4.96476 21 6.94475 21H17.0553C19.0352 21 20.7173 19.5514 21.011 17.5934L21.4832 14.445C21.7553 12.6312 20.3505 11 18.5164 11H5.48356C3.64946 11 2.24468 12.6312 2.51675 14.445ZM4.88662 15.7182C4.58269 15.8701 4.21896 15.6812 4.16855 15.3451L4.00016 14.2225C3.86412 13.3156 4.56651 12.5 5.48356 12.5H18.5164C19.4335 12.5 20.1359 13.3156 19.9998 14.2225L19.5276 17.3709C19.344 18.5947 18.2927 19.5 17.0553 19.5H16.0246C15.9235 19.5 15.8247 19.4693 15.7413 19.412L8.91101 14.7162C8.38614 14.3553 7.70666 14.3081 7.13696 14.593L4.88662 15.7182ZM4.63557 17.9589C4.54655 17.7443 4.6603 17.5084 4.8681 17.4045L7.80778 15.9346C7.88916 15.8939 7.98623 15.9007 8.06121 15.9522L11.895 18.588C12.2997 18.8662 12.1028 19.5 11.6118 19.5H6.94475C5.91552 19.5 5.0151 18.8737 4.63557 17.9589Z" fill="black"/>
<path d="M4.36256 8.63874C4.43057 9.0922 4.07938 9.5 3.62085 9.5C3.24961 9.5 2.93422 9.2284 2.87915 8.86126L2.51672 6.44502C2.24464 4.63121 3.64942 3 5.48353 3H18.5164C20.3505 3 21.7553 4.63121 21.4832 6.44502L21.1208 8.86126C21.0657 9.2284 20.7503 9.5 20.3791 9.5C19.9205 9.5 19.5694 9.0922 19.6374 8.63875L19.9998 6.22251C20.1358 5.31561 19.4335 4.5 18.5164 4.5H5.48353C4.56647 4.5 3.86409 5.3156 4.00012 6.22251L4.36256 8.63874Z" 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="M16.5668 13.9999C17.6713 13.9999 18.4399 14.6594 18.2834 15.4729C18.1269 16.2864 17.1046 16.9459 16 16.9459C14.8954 16.9459 14.1269 16.2864 14.2834 15.4729C14.4399 14.6594 15.4622 13.9999 16.5668 13.9999Z" fill="black"/>`
			<path fill-rule="evenodd" clip-rule="evenodd" d="M2.51675 14.445L2.989 17.5934C3.28272 19.5514 4.96476 21 6.94475 21H17.0553C19.0352 21 20.7173 19.5514 21.011 17.5934L21.4832 14.445C21.7553 12.6312 20.3505 11 18.5164 11H5.48356C3.64946 11 2.24468 12.6312 2.51675 14.445ZM4.88662 15.7182C4.58269 15.8701 4.21896 15.6812 4.16855 15.3451L4.00016 14.2225C3.86412 13.3156 4.56651 12.5 5.48356 12.5H18.5164C19.4335 12.5 20.1359 13.3156 19.9998 14.2225L19.5276 17.3709C19.344 18.5947 18.2927 19.5 17.0553 19.5H16.0246C15.9235 19.5 15.8247 19.4693 15.7413 19.412L8.91101 14.7162C8.38614 14.3553 7.70666 14.3081 7.13696 14.593L4.88662 15.7182ZM4.63557 17.9589C4.54655 17.7443 4.6603 17.5084 4.8681 17.4045L7.80778 15.9346C7.88916 15.8939 7.98623 15.9007 8.06121 15.9522L11.895 18.588C12.2997 18.8662 12.1028 19.5 11.6118 19.5H6.94475C5.91552 19.5 5.0151 18.8737 4.63557 17.9589Z" fill="black"/>
			`<path d="M4.36256 8.63874C4.43057 9.0922 4.07938 9.5 3.62085 9.5C3.24961 9.5 2.93422 9.2284 2.87915 8.86126L2.51672 6.44502C2.24464 4.63121 3.64942 3 5.48353 3H18.5164C20.3505 3 21.7553 4.63121 21.4832 6.44502L21.1208 8.86126C21.0657 9.2284 20.7503 9.5 20.3791 9.5C19.9205 9.5 19.5694 9.0922 19.6374 8.63875L19.9998 6.22251C20.1358 5.31561 19.4335 4.5 18.5164 4.5H5.48353C4.56647 4.5 3.86409 5.3156 4.00012 6.22251L4.36256 8.63874Z" fill="black"/>`
			`</svg>`