<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="mz7r3ftud"/><path class="z3gniqbwb"/><path class="mw7_0wbgk"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:sharp-18mp" {...props}></Icon>
<style>
:global(.mw7_0wbgk) {
  fill: var(--svg-color, currentColor);
  d: path("M15 14h1.5v1.5H15z");
}

:global(.mz7r3ftud) {
  fill: var(--svg-color, currentColor);
  d: path("M13.5 9H15v1.5h-1.5zm0-2.5H15V8h-1.5z");
}

:global(.z3gniqbwb) {
  fill: var(--svg-color, currentColor);
  d: path("M3 3v18h18V3zm9 2.5h4.5v6H12zm-5 0h3v6H8.5V7H7zm5.5 13H11V14h-1v3H8.5v-3h-1v4.5H6v-6h6.5zM18 17h-3v1.5h-1.5v-6H18z");
}

</style>
