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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 10C6.44772 10 6 10.4477 6 11V13C6 13.5523 6.44772 14 7 14H8C8.55228 14 9 13.5523 9 13V11C9 10.4477 8.55228 10 8 10H7Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8ZM6 5.5H18C19.3807 5.5 20.5 6.61929 20.5 8V16C20.5 17.3807 19.3807 18.5 18 18.5H6C4.61929 18.5 3.5 17.3807 3.5 16V8C3.5 6.61929 4.61929 5.5 6 5.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="M7 10C6.44772 10 6 10.4477 6 11V13C6 13.5523 6.44772 14 7 14H8C8.55228 14 9 13.5523 9 13V11C9 10.4477 8.55228 10 8 10H7Z" fill="black"/>`
			`<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8ZM6 5.5H18C19.3807 5.5 20.5 6.61929 20.5 8V16C20.5 17.3807 19.3807 18.5 18 18.5H6C4.61929 18.5 3.5 17.3807 3.5 16V8C3.5 6.61929 4.61929 5.5 6 5.5Z" fill="black"/>`
			`</svg>`