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

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="s8y_qeb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:ambient-screen-outline-sharp" {...props}></Icon>
<style>
:global .s8y_qeb {
  fill: currentColor;
  d: path("M2 20V4h20v8.025h-2V6H4v12h10.025v2H2Zm17.5 1l-1.1-2.4l-2.4-1.1l2.4-1.1l1.1-2.4l1.1 2.4l2.4 1.1l-2.4 1.1l-1.1 2.4ZM4 18V6v12v-.5v.5Zm8-2l1.25-2.75L16 12l-2.75-1.25L12 8l-1.25 2.75L8 12l2.75 1.25L12 16Z");
}

</style>
