<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="ie5xgp9xs"/><path class="toi254baw"/><path class="q-x1a03rk"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:twotone-camera-indoor" {...props}></Icon>
<style>
:global(.ie5xgp9xs) {
  fill: var(--svg-color, currentColor);
  d: path("M6 10v9h12v-9l-6-4.5zm8 2v1l2-1.06v4.12L14 15v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h4c.55 0 1 .45 1 1");
  opacity: var(--svg-opacity--.3, .3);
}

:global(.q-x1a03rk) {
  fill: var(--svg-color, currentColor);
  d: path("M12 3L4 9v12h16V9zm6 16H6v-9l6-4.5l6 4.5z");
}

:global(.toi254baw) {
  fill: var(--svg-color, currentColor);
  d: path("M8 12v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1l2 1.06v-4.12L14 13v-1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1");
}

</style>
