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

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

const viewBox = {"width":24,"height":24};
const content = `<path class="a4ta3gla"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:balcony" {...props}></Icon>
<style>
:global .a4ta3gla {
  fill: currentColor;
  d: path("M8 12v-2h2v2zm6 0v-2h2v2zM3 22v-8h1v-4q0-1.65.625-3.113t1.713-2.55t2.55-1.712T12 2t3.113.625t2.55 1.713t1.712 2.55T20 10v4h1v8zm2-2h2v-4H5zm4 0h2v-4H9zm-3-6h5V4.075q-2.15.35-3.575 2.012T6 10zm7 0h5v-4q0-2.25-1.425-3.912T13 4.075zm0 6h2v-4h-2zm4 0h2v-4h-2z");
}

</style>
