<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M8.333 4a1 1 0 0 1 1-1h13.334a1 1 0 0 1 1 1v10.667h-2v-5.5H16.5v5.5h-1v-5.5h-5.167v5.5h-2zM16.5 8.167h5.167V5H16.5zM15.5 5v3.167h-5.167V5zM3 17.333a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2h-1.5V27H28a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h1.5v-8.667H4a1 1 0 0 1-1-1m20.167 1H25.5V27h-2.333zm-1 8.667v-8.667h-2.334V27zM16.5 18.333h2.333V27H16.5zM15.5 27v-8.667h-2.333V27zm-5.667-8.667h2.334V27H9.833zm-1 8.667v-8.667H6.5V27zM20 13.333h-2v1.334h2z"/></svg></template>
<script setup lang="ts">
/**
 * Balcony32 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
