status-desktop/ui/shared/status/assets/img/icons/node-offline.svg

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" 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.4697L20.4124 19.3517C20.1952 19.1345 20.2253 18.7756 20.4466 18.5627C21.2501 17.7895 21.75 16.7031 21.75 15.5C21.75 13.4669 20.3224 11.7673 18.415 11.3488C18.6316 10.7732 18.75 10.1499 18.75 9.5C18.75 6.6005 16.3995 4.25 13.5 4.25C11.5561 4.25 9.85898 5.30647 8.95145 6.87656C8.77164 7.18766 8.33714 7.27648 8.08306 7.0224L3.53033 2.46967ZM9.88436 8.50164C9.83997 8.66274 9.89357 8.83291 10.0117 8.95107L18.641 17.5803C18.8035 17.7428 19.0592 17.7772 19.2372 17.6319C19.8553 17.1276 20.25 16.3599 20.25 15.5C20.25 13.9812 19.0188 12.75 17.5 12.75C16.8219 12.75 16.3762 12.0053 16.7312 11.4045C17.0607 10.8469 17.25 10.1967 17.25 9.5C17.25 7.42893 15.5711 5.75 13.5 5.75C11.7746 5.75 10.3214 6.91521 9.88436 8.50164Z" fill="black"/>
<path d="M14.7574 18.25C14.9564 18.25 15.1471 18.329 15.2878 18.4697C15.7602 18.9421 15.4256 19.75 14.7574 19.75H7.5C4.6005 19.75 2.25 17.3995 2.25 14.5C2.25 12.2391 3.6792 10.3119 5.68345 9.57277C6.01291 9.45126 6.3761 9.558 6.6244 9.8063L6.82608 10.008C7.0969 10.2788 6.89942 10.778 6.5294 10.8768C4.92882 11.3045 3.75 12.7646 3.75 14.5C3.75 16.5711 5.42893 18.25 7.5 18.25H14.7574Z" 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 fill-rule="evenodd" clip-rule="evenodd" 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.4697L20.4124 19.3517C20.1952 19.1345 20.2253 18.7756 20.4466 18.5627C21.2501 17.7895 21.75 16.7031 21.75 15.5C21.75 13.4669 20.3224 11.7673 18.415 11.3488C18.6316 10.7732 18.75 10.1499 18.75 9.5C18.75 6.6005 16.3995 4.25 13.5 4.25C11.5561 4.25 9.85898 5.30647 8.95145 6.87656C8.77164 7.18766 8.33714 7.27648 8.08306 7.0224L3.53033 2.46967ZM9.88436 8.50164C9.83997 8.66274 9.89357 8.83291 10.0117 8.95107L18.641 17.5803C18.8035 17.7428 19.0592 17.7772 19.2372 17.6319C19.8553 17.1276 20.25 16.3599 20.25 15.5C20.25 13.9812 19.0188 12.75 17.5 12.75C16.8219 12.75 16.3762 12.0053 16.7312 11.4045C17.0607 10.8469 17.25 10.1967 17.25 9.5C17.25 7.42893 15.5711 5.75 13.5 5.75C11.7746 5.75 10.3214 6.91521 9.88436 8.50164Z" fill="black"/>
			`<path d="M14.7574 18.25C14.9564 18.25 15.1471 18.329 15.2878 18.4697C15.7602 18.9421 15.4256 19.75 14.7574 19.75H7.5C4.6005 19.75 2.25 17.3995 2.25 14.5C2.25 12.2391 3.6792 10.3119 5.68345 9.57277C6.01291 9.45126 6.3761 9.558 6.6244 9.8063L6.82608 10.008C7.0969 10.2788 6.89942 10.778 6.5294 10.8768C4.92882 11.3045 3.75 12.7646 3.75 14.5C3.75 16.5711 5.42893 18.25 7.5 18.25H14.7574Z" fill="black"/>`
			`</svg>`