<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="pfl0m297n"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:arrow-or-edge-sharp" {...props}></Icon>
<style>
:global(.pfl0m297n) {
  fill: currentColor;
  d: path("m7.827 20.02l-3.288-3.29l.688-.707l2.1 2.094v-7.27H2.231V4h1v5.846h5.096v8.252l2.094-2.075l.695.708zm8.346 0l-3.288-3.29l.688-.707l2.1 2.094v-8.27h5.096V4h1v6.846h-5.096v7.277l2.094-2.1l.694.708z");
}

</style>
