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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5303 15.5303C16.2374 15.8232 15.7626 15.8232 15.4697 15.5303L13.3536 13.4142C13.1583 13.219 12.8417 13.219 12.6464 13.4142L10.5303 15.5303C10.2374 15.8232 9.76256 15.8232 9.46967 15.5303C9.17678 15.2374 9.17678 14.7626 9.46967 14.4697L11.5858 12.3536C11.781 12.1583 11.781 11.8417 11.5858 11.6464L9.46967 9.53033C9.17678 9.23744 9.17678 8.76256 9.46967 8.46967C9.76256 8.17678 10.2374 8.17678 10.5303 8.46967L12.6464 10.5858C12.8417 10.781 13.1583 10.781 13.3536 10.5858L15.4697 8.46967C15.7626 8.17678 16.2374 8.17678 16.5303 8.46967C16.8232 8.76256 16.8232 9.23744 16.5303 9.53033L14.4142 11.6464C14.219 11.8417 14.219 12.1583 14.4142 12.3536L16.5303 14.4697C16.8232 14.7626 16.8232 15.2374 16.5303 15.5303Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.79911 6.56116C7.55629 5.57682 8.72773 5 9.96961 5H17C18.6569 5 20 6.34315 20 8V16C20 17.6569 18.6569 19 17 19H9.96961C8.72773 19 7.5563 18.4232 6.79911 17.4388L3.20738 12.7696C3.07291 12.5948 3 12.3804 3 12.1599V11.8401C3 11.6196 3.07291 11.4052 3.20738 11.2304L6.79911 6.56116ZM9.96961 6.5H17C17.8284 6.5 18.5 7.17157 18.5 8V16C18.5 16.8284 17.8284 17.5 17 17.5H9.96961C9.19343 17.5 8.46129 17.1395 7.98805 16.5243L4.74234 12.3049C4.60409 12.1251 4.60409 11.8749 4.74234 11.6951L7.98805 7.47572C8.46129 6.86051 9.19343 6.5 9.96961 6.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="M16.5303 15.5303C16.2374 15.8232 15.7626 15.8232 15.4697 15.5303L13.3536 13.4142C13.1583 13.219 12.8417 13.219 12.6464 13.4142L10.5303 15.5303C10.2374 15.8232 9.76256 15.8232 9.46967 15.5303C9.17678 15.2374 9.17678 14.7626 9.46967 14.4697L11.5858 12.3536C11.781 12.1583 11.781 11.8417 11.5858 11.6464L9.46967 9.53033C9.17678 9.23744 9.17678 8.76256 9.46967 8.46967C9.76256 8.17678 10.2374 8.17678 10.5303 8.46967L12.6464 10.5858C12.8417 10.781 13.1583 10.781 13.3536 10.5858L15.4697 8.46967C15.7626 8.17678 16.2374 8.17678 16.5303 8.46967C16.8232 8.76256 16.8232 9.23744 16.5303 9.53033L14.4142 11.6464C14.219 11.8417 14.219 12.1583 14.4142 12.3536L16.5303 14.4697C16.8232 14.7626 16.8232 15.2374 16.5303 15.5303Z" fill="black"/>
			<path fill-rule="evenodd" clip-rule="evenodd" d="M6.79911 6.56116C7.55629 5.57682 8.72773 5 9.96961 5H17C18.6569 5 20 6.34315 20 8V16C20 17.6569 18.6569 19 17 19H9.96961C8.72773 19 7.5563 18.4232 6.79911 17.4388L3.20738 12.7696C3.07291 12.5948 3 12.3804 3 12.1599V11.8401C3 11.6196 3.07291 11.4052 3.20738 11.2304L6.79911 6.56116ZM9.96961 6.5H17C17.8284 6.5 18.5 7.17157 18.5 8V16C18.5 16.8284 17.8284 17.5 17 17.5H9.96961C9.19343 17.5 8.46129 17.1395 7.98805 16.5243L4.74234 12.3049C4.60409 12.1251 4.60409 11.8749 4.74234 11.6951L7.98805 7.47572C8.46129 6.86051 9.19343 6.5 9.96961 6.5Z" fill="black"/>
			`</svg>`