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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.85365 18.7033C8.52223 18.4548 8.05005 18.4497 7.75716 18.7426C7.46426 19.0355 7.46194 19.5142 7.78534 19.773C8.94028 20.6973 10.4055 21.25 11.9998 21.25C15.7277 21.25 18.7498 18.2279 18.7498 14.5V14.0176C18.7498 13.5721 19.2884 13.349 19.6034 13.664L20.4697 14.5303C20.7626 14.8232 21.2374 14.8232 21.5303 14.5303C21.8232 14.2374 21.8232 13.7626 21.5303 13.4697L18.5303 10.4697C18.2374 10.1768 17.7626 10.1768 17.4697 10.4697L14.4697 13.4697C14.1768 13.7626 14.1768 14.2374 14.4697 14.5303C14.7626 14.8232 15.2374 14.8232 15.5303 14.5303L16.3962 13.6644C16.7112 13.3494 17.2498 13.5725 17.2498 14.018V14.5C17.2498 17.3995 14.8993 19.75 11.9998 19.75C10.8196 19.75 9.73043 19.3606 8.85365 18.7033Z" fill="black"/>
<path d="M6.53033 13.5303L9.53033 10.5303C9.82322 10.2374 9.82322 9.76256 9.53033 9.46967C9.23744 9.17678 8.76256 9.17678 8.46967 9.46967L7.60278 10.3366C7.30293 10.6364 6.79024 10.424 6.79024 10C6.79024 7.1005 9.14075 4.75 12.0402 4.75C13.2204 4.75 14.3096 5.1394 15.1864 5.79673C15.5178 6.04519 15.99 6.05025 16.2829 5.75736C16.5758 5.46447 16.5781 4.98584 16.2547 4.72703C15.0998 3.80273 13.6345 3.25 12.0402 3.25C8.31232 3.25 5.29024 6.27208 5.29024 10V10.0225C5.29024 10.4679 4.75167 10.691 4.43669 10.376L3.53033 9.46967C3.23744 9.17678 2.76256 9.17678 2.46967 9.46967C2.17678 9.76256 2.17678 10.2374 2.46967 10.5303L5.46967 13.5303C5.76256 13.8232 6.23744 13.8232 6.53033 13.5303Z" 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="M8.85365 18.7033C8.52223 18.4548 8.05005 18.4497 7.75716 18.7426C7.46426 19.0355 7.46194 19.5142 7.78534 19.773C8.94028 20.6973 10.4055 21.25 11.9998 21.25C15.7277 21.25 18.7498 18.2279 18.7498 14.5V14.0176C18.7498 13.5721 19.2884 13.349 19.6034 13.664L20.4697 14.5303C20.7626 14.8232 21.2374 14.8232 21.5303 14.5303C21.8232 14.2374 21.8232 13.7626 21.5303 13.4697L18.5303 10.4697C18.2374 10.1768 17.7626 10.1768 17.4697 10.4697L14.4697 13.4697C14.1768 13.7626 14.1768 14.2374 14.4697 14.5303C14.7626 14.8232 15.2374 14.8232 15.5303 14.5303L16.3962 13.6644C16.7112 13.3494 17.2498 13.5725 17.2498 14.018V14.5C17.2498 17.3995 14.8993 19.75 11.9998 19.75C10.8196 19.75 9.73043 19.3606 8.85365 18.7033Z" fill="black"/>
			<path d="M6.53033 13.5303L9.53033 10.5303C9.82322 10.2374 9.82322 9.76256 9.53033 9.46967C9.23744 9.17678 8.76256 9.17678 8.46967 9.46967L7.60278 10.3366C7.30293 10.6364 6.79024 10.424 6.79024 10C6.79024 7.1005 9.14075 4.75 12.0402 4.75C13.2204 4.75 14.3096 5.1394 15.1864 5.79673C15.5178 6.04519 15.99 6.05025 16.2829 5.75736C16.5758 5.46447 16.5781 4.98584 16.2547 4.72703C15.0998 3.80273 13.6345 3.25 12.0402 3.25C8.31232 3.25 5.29024 6.27208 5.29024 10V10.0225C5.29024 10.4679 4.75167 10.691 4.43669 10.376L3.53033 9.46967C3.23744 9.17678 2.76256 9.17678 2.46967 9.46967C2.17678 9.76256 2.17678 10.2374 2.46967 10.5303L5.46967 13.5303C5.76256 13.8232 6.23744 13.8232 6.53033 13.5303Z" fill="black"/>
			`</svg>`