<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="nne_21roo"/><path class="x4jdbdaoj"/><path class="ilxwdfbku"/><path class="uziv--fwo"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:twotone-monitor-weight" {...props}></Icon>
<style>
:global(.ilxwdfbku) {
  fill: var(--svg-color, currentColor);
  d: path("M12 12c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3s1.34 3 3 3m1-3.5h1v1h-1zm-1.5 0h1v1h-1zm-1.5 0h1v1h-1z");
}

:global(.nne_21roo) {
  fill: var(--svg-color, currentColor);
  d: path("M13 8.5h1v1h-1zm-3 0h1v1h-1zm1.5 0h1v1h-1z");
  opacity: var(--svg-opacity--.3, .3);
}

:global(.uziv--fwo) {
  fill: var(--svg-color, currentColor);
  d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14z");
}

:global(.x4jdbdaoj) {
  fill: var(--svg-color, currentColor);
  d: path("M5 19h14V5H5zm7-13c1.66 0 3 1.34 3 3s-1.34 3-3 3s-3-1.34-3-3s1.34-3 3-3");
  opacity: var(--svg-opacity--.3, .3);
}

</style>
