status-desktop/ui/shared/status/assets/img/icons/remove-contact.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="M12 13C14.7614 13 17 10.7614 17 8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8C7 10.7614 9.23858 13 12 13ZM12 11.5C13.933 11.5 15.5 9.933 15.5 8C15.5 6.067 13.933 4.5 12 4.5C10.067 4.5 8.5 6.067 8.5 8C8.5 9.933 10.067 11.5 12 11.5Z" fill="black"/>
<path d="M12.9345 16.7839C12.8997 17.2015 12.5288 17.506 12.1099 17.5007C12.0732 17.5002 12.0366 17.5 11.9998 17.5C9.45645 17.5 7.17395 18.6171 5.61624 20.3874C5.31374 20.7312 4.77772 20.7779 4.45392 20.454C4.19319 20.1933 4.16181 19.7784 4.40167 19.4984C6.23574 17.357 8.95932 16 11.9998 16C12.0868 16 12.1735 16.0011 12.2599 16.0033C12.6689 16.0138 12.9685 16.3762 12.9345 16.7839Z" fill="black"/>
<path d="M16 16C15.5858 16 15.25 16.3358 15.25 16.75C15.25 17.1642 15.5858 17.5 16 17.5H21C21.4142 17.5 21.75 17.1642 21.75 16.75C21.75 16.3358 21.4142 16 21 16H16Z" 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="M12 13C14.7614 13 17 10.7614 17 8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8C7 10.7614 9.23858 13 12 13ZM12 11.5C13.933 11.5 15.5 9.933 15.5 8C15.5 6.067 13.933 4.5 12 4.5C10.067 4.5 8.5 6.067 8.5 8C8.5 9.933 10.067 11.5 12 11.5Z" fill="black"/>`
			`<path d="M12.9345 16.7839C12.8997 17.2015 12.5288 17.506 12.1099 17.5007C12.0732 17.5002 12.0366 17.5 11.9998 17.5C9.45645 17.5 7.17395 18.6171 5.61624 20.3874C5.31374 20.7312 4.77772 20.7779 4.45392 20.454C4.19319 20.1933 4.16181 19.7784 4.40167 19.4984C6.23574 17.357 8.95932 16 11.9998 16C12.0868 16 12.1735 16.0011 12.2599 16.0033C12.6689 16.0138 12.9685 16.3762 12.9345 16.7839Z" fill="black"/>`
			`<path d="M16 16C15.5858 16 15.25 16.3358 15.25 16.75C15.25 17.1642 15.5858 17.5 16 17.5H21C21.4142 17.5 21.75 17.1642 21.75 16.75C21.75 16.3358 21.4142 16 21 16H16Z" fill="black"/>`
			`</svg>`