<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="g9cl7wwof"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:extension-sharp" {...props}></Icon>
<style>
:global(.g9cl7wwof) {
  fill: currentColor;
  d: path("M4 20.116V15.45q1.2-.077 2.014-.916t.813-2.092q0-1.13-.823-2.005T4 9.416V4.768h4.685q.155-1.121.957-1.887t1.916-.766q1.108 0 1.91.766t.963 1.887h4.685v4.947q.842.257 1.363 1.011T21 12.442q0 .93-.521 1.674t-1.363 1.053v4.947z");
}

</style>
