<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="zvwo7j4cd"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:switch-sharp" {...props}></Icon>
<style>
:global(.zvwo7j4cd) {
  fill: var(--svg-color, currentColor);
  d: path("M4 22V2h16v20zm4-5h8V7H8zm2-2v-4h4v4zm2-9.75q.3 0 .525-.213t.225-.537q0-.3-.225-.525T12 3.75q-.325 0-.537.225t-.213.525q0 .325.213.538T12 5.25m0 15q.3 0 .525-.213t.225-.537q0-.3-.225-.525T12 18.75q-.325 0-.537.225t-.213.525q0 .325.213.538t.537.212");
}

</style>
