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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.25 3.49995C11.6642 3.49995 12 3.16416 12 2.74995C12 2.33573 11.6642 1.99995 11.25 1.99995L6 1.99995C3.79086 1.99995 2 3.79081 2 5.99995L2 17.9999C2 20.2091 3.79086 21.9999 6 21.9999H18C20.2091 21.9999 22 20.2091 22 17.9999V12.7499C22 12.3357 21.6642 11.9999 21.25 11.9999C20.8358 11.9999 20.5 12.3357 20.5 12.7499V17.9999C20.5 19.3807 19.3807 20.4999 18 20.4999H6C4.61929 20.4999 3.5 19.3807 3.5 17.9999L3.5 5.99995C3.5 4.61923 4.61929 3.49995 6 3.49995L11.25 3.49995Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2803 2.71962C20.2971 1.73637 18.7029 1.73636 17.7197 2.71961L9.33613 11.1032C9.00567 11.4336 8.76487 11.8429 8.63648 12.2922L7.77886 15.2939C7.70403 15.5558 7.77707 15.8377 7.96967 16.0303C8.16227 16.2229 8.44415 16.2959 8.70604 16.2211L11.7077 15.3635C12.1571 15.2351 12.5663 14.9943 12.8968 14.6638L21.2803 6.28028C22.2636 5.29703 22.2636 3.70287 21.2803 2.71962ZM18.7803 3.78028C19.1778 3.38281 19.8222 3.38281 20.2197 3.78028C20.6171 4.17774 20.6171 4.82215 20.2197 5.21962L11.8361 13.6032C11.6859 13.7534 11.4999 13.8628 11.2956 13.9212C10.5531 14.1333 9.86662 13.4468 10.0788 12.7043C10.1371 12.5 10.2466 12.314 10.3968 12.1638L18.7803 3.78028Z" 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="M11.25 3.49995C11.6642 3.49995 12 3.16416 12 2.74995C12 2.33573 11.6642 1.99995 11.25 1.99995L6 1.99995C3.79086 1.99995 2 3.79081 2 5.99995L2 17.9999C2 20.2091 3.79086 21.9999 6 21.9999H18C20.2091 21.9999 22 20.2091 22 17.9999V12.7499C22 12.3357 21.6642 11.9999 21.25 11.9999C20.8358 11.9999 20.5 12.3357 20.5 12.7499V17.9999C20.5 19.3807 19.3807 20.4999 18 20.4999H6C4.61929 20.4999 3.5 19.3807 3.5 17.9999L3.5 5.99995C3.5 4.61923 4.61929 3.49995 6 3.49995L11.25 3.49995Z" fill="black"/>`
			<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2803 2.71962C20.2971 1.73637 18.7029 1.73636 17.7197 2.71961L9.33613 11.1032C9.00567 11.4336 8.76487 11.8429 8.63648 12.2922L7.77886 15.2939C7.70403 15.5558 7.77707 15.8377 7.96967 16.0303C8.16227 16.2229 8.44415 16.2959 8.70604 16.2211L11.7077 15.3635C12.1571 15.2351 12.5663 14.9943 12.8968 14.6638L21.2803 6.28028C22.2636 5.29703 22.2636 3.70287 21.2803 2.71962ZM18.7803 3.78028C19.1778 3.38281 19.8222 3.38281 20.2197 3.78028C20.6171 4.17774 20.6171 4.82215 20.2197 5.21962L11.8361 13.6032C11.6859 13.7534 11.4999 13.8628 11.2956 13.9212C10.5531 14.1333 9.86662 13.4468 10.0788 12.7043C10.1371 12.5 10.2466 12.314 10.3968 12.1638L18.7803 3.78028Z" fill="black"/>
			`</svg>`