status-desktop/ui/shared/status/assets/img/icons/sound.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="M8.25 9.01308C8.24983 9.00376 8.24983 8.99446 8.25 8.98519V7.50373C8.25 5.6914 9.54609 4.13841 11.3292 3.81421L17.5081 2.69078C19.1961 2.38386 20.75 3.68069 20.75 5.39642V6.98686C20.7502 6.99622 20.7502 7.00555 20.75 7.01485V16.3604C20.75 17.6713 19.8247 18.7999 18.5393 19.057L17.4929 19.2663C15.8152 19.6018 14.25 18.3186 14.25 16.6078C14.25 15.3154 15.1622 14.2027 16.4295 13.9493L18.2451 13.5861C18.8294 13.4693 19.25 12.9562 19.25 12.3604V8.49776C19.25 8.18581 18.9675 7.95002 18.6606 8.00583L10.1606 9.55128C9.92281 9.59451 9.75 9.80157 9.75 10.0432V18.3604C9.75 19.6713 8.82474 20.7999 7.53932 21.057L6.49286 21.2663C4.81522 21.6018 3.25 20.3186 3.25 18.6078C3.25 17.3154 4.1622 16.2027 5.42946 15.9493L7.24514 15.5861C7.82942 15.4693 8.25 14.9562 8.25 14.3604V9.01308ZM17.7764 4.16658C18.5437 4.02707 19.25 4.61654 19.25 5.39642V5.95678C19.25 6.19842 19.0772 6.40548 18.8394 6.44871L10.338 7.99443C10.0318 8.0501 9.75 7.8149 9.75 7.50373C9.75 6.41633 10.5277 5.48454 11.5975 5.29002L17.7764 4.16658ZM18.5393 15.057C18.8778 14.9893 19.25 15.2197 19.25 15.5649V16.3604C19.25 16.9562 18.8294 17.4693 18.2451 17.5861L17.1987 17.7954C16.4492 17.9453 15.75 17.3721 15.75 16.6078C15.75 16.0304 16.1575 15.5333 16.7236 15.4201L18.5393 15.057ZM7.53932 17.057C7.87784 16.9893 8.25 17.2197 8.25 17.5649V18.3604C8.25 18.9562 7.82943 19.4693 7.24515 19.5861L6.19869 19.7954C5.44923 19.9453 4.75 19.3721 4.75 18.6078C4.75 18.0304 5.15751 17.5333 5.72363 17.4201L7.53932 17.057Z" 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="M8.25 9.01308C8.24983 9.00376 8.24983 8.99446 8.25 8.98519V7.50373C8.25 5.6914 9.54609 4.13841 11.3292 3.81421L17.5081 2.69078C19.1961 2.38386 20.75 3.68069 20.75 5.39642V6.98686C20.7502 6.99622 20.7502 7.00555 20.75 7.01485V16.3604C20.75 17.6713 19.8247 18.7999 18.5393 19.057L17.4929 19.2663C15.8152 19.6018 14.25 18.3186 14.25 16.6078C14.25 15.3154 15.1622 14.2027 16.4295 13.9493L18.2451 13.5861C18.8294 13.4693 19.25 12.9562 19.25 12.3604V8.49776C19.25 8.18581 18.9675 7.95002 18.6606 8.00583L10.1606 9.55128C9.92281 9.59451 9.75 9.80157 9.75 10.0432V18.3604C9.75 19.6713 8.82474 20.7999 7.53932 21.057L6.49286 21.2663C4.81522 21.6018 3.25 20.3186 3.25 18.6078C3.25 17.3154 4.1622 16.2027 5.42946 15.9493L7.24514 15.5861C7.82942 15.4693 8.25 14.9562 8.25 14.3604V9.01308ZM17.7764 4.16658C18.5437 4.02707 19.25 4.61654 19.25 5.39642V5.95678C19.25 6.19842 19.0772 6.40548 18.8394 6.44871L10.338 7.99443C10.0318 8.0501 9.75 7.8149 9.75 7.50373C9.75 6.41633 10.5277 5.48454 11.5975 5.29002L17.7764 4.16658ZM18.5393 15.057C18.8778 14.9893 19.25 15.2197 19.25 15.5649V16.3604C19.25 16.9562 18.8294 17.4693 18.2451 17.5861L17.1987 17.7954C16.4492 17.9453 15.75 17.3721 15.75 16.6078C15.75 16.0304 16.1575 15.5333 16.7236 15.4201L18.5393 15.057ZM7.53932 17.057C7.87784 16.9893 8.25 17.2197 8.25 17.5649V18.3604C8.25 18.9562 7.82943 19.4693 7.24515 19.5861L6.19869 19.7954C5.44923 19.9453 4.75 19.3721 4.75 18.6078C4.75 18.0304 5.15751 17.5333 5.72363 17.4201L7.53932 17.057Z" fill="black"/>
			`</svg>`