<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="yqia4abec"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:cast-outline-sharp" {...props}></Icon>
<style>
:global(.yqia4abec) {
  fill: currentColor;
  d: path("M22 20h-7q0-.5-.038-1t-.112-1H20V6H4v1.15q-.5-.075-1-.112T2 7V4h20zM2 20v-3q1.25 0 2.125.875T5 20zm5 0q0-2.075-1.463-3.537T2 15v-2q2.925 0 4.963 2.038T9 20zm4 0q0-1.875-.712-3.512t-1.926-2.85t-2.85-1.925T2 11V9q2.275 0 4.275.863t3.5 2.362t2.363 3.5T13 20z");
}

</style>
