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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9697 21.0303C12.6768 20.7374 12.6768 20.2626 12.9697 19.9697L16.0858 16.8536C16.281 16.6583 16.281 16.3417 16.0858 16.1464L12.9697 13.0303C12.6768 12.7374 12.6768 12.2626 12.9697 11.9697C13.2626 11.6768 13.7374 11.6768 14.0303 11.9697L17.1464 15.0858C17.3417 15.281 17.6583 15.281 17.8536 15.0858L20.9697 11.9697C21.2626 11.6768 21.7374 11.6768 22.0303 11.9697C22.3232 12.2626 22.3232 12.7374 22.0303 13.0303L18.9142 16.1464C18.719 16.3417 18.719 16.6583 18.9142 16.8536L22.0303 19.9697C22.3232 20.2626 22.3232 20.7374 22.0303 21.0303C21.7374 21.3232 21.2626 21.3232 20.9697 21.0303L17.8536 17.9142C17.6583 17.719 17.3417 17.719 17.1464 17.9142L14.0303 21.0303C13.7374 21.3232 13.2626 21.3232 12.9697 21.0303Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H7C9.20914 21 11 19.2091 11 17V7C11 4.79086 9.20914 3 7 3H6ZM7 4.5H6C4.61929 4.5 3.5 5.61929 3.5 7V13.3358C3.5 13.5585 3.76929 13.6701 3.92678 13.5126L9.46967 7.96967C9.48847 7.95087 9.5 7.92577 9.5 7.89918V7C9.5 5.61929 8.38071 4.5 7 4.5ZM3.5 16.1008C3.5 16.0742 3.51153 16.0491 3.53033 16.0303L9.07322 10.4874C9.23071 10.3299 9.5 10.4415 9.5 10.6642V17C9.5 18.3807 8.38071 19.5 7 19.5H6C4.61929 19.5 3.5 18.3807 3.5 17V16.1008Z" 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="M12.9697 21.0303C12.6768 20.7374 12.6768 20.2626 12.9697 19.9697L16.0858 16.8536C16.281 16.6583 16.281 16.3417 16.0858 16.1464L12.9697 13.0303C12.6768 12.7374 12.6768 12.2626 12.9697 11.9697C13.2626 11.6768 13.7374 11.6768 14.0303 11.9697L17.1464 15.0858C17.3417 15.281 17.6583 15.281 17.8536 15.0858L20.9697 11.9697C21.2626 11.6768 21.7374 11.6768 22.0303 11.9697C22.3232 12.2626 22.3232 12.7374 22.0303 13.0303L18.9142 16.1464C18.719 16.3417 18.719 16.6583 18.9142 16.8536L22.0303 19.9697C22.3232 20.2626 22.3232 20.7374 22.0303 21.0303C21.7374 21.3232 21.2626 21.3232 20.9697 21.0303L17.8536 17.9142C17.6583 17.719 17.3417 17.719 17.1464 17.9142L14.0303 21.0303C13.7374 21.3232 13.2626 21.3232 12.9697 21.0303Z" fill="black"/>
			<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H7C9.20914 21 11 19.2091 11 17V7C11 4.79086 9.20914 3 7 3H6ZM7 4.5H6C4.61929 4.5 3.5 5.61929 3.5 7V13.3358C3.5 13.5585 3.76929 13.6701 3.92678 13.5126L9.46967 7.96967C9.48847 7.95087 9.5 7.92577 9.5 7.89918V7C9.5 5.61929 8.38071 4.5 7 4.5ZM3.5 16.1008C3.5 16.0742 3.51153 16.0491 3.53033 16.0303L9.07322 10.4874C9.23071 10.3299 9.5 10.4415 9.5 10.6642V17C9.5 18.3807 8.38071 19.5 7 19.5H6C4.61929 19.5 3.5 18.3807 3.5 17V16.1008Z" fill="black"/>
			`</svg>`