<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M17.167 8a1.5 1.5 0 0 1 1.5-1.5h26.666a1.5 1.5 0 0 1 1.5 1.5v21.333h-3v-11H33v11h-2v-11H20.167v11h-3zM33 16.333h10.833V9.5H33zM31 9.5v6.833H20.167V9.5zM6.5 34.667a1.5 1.5 0 0 1 1.5-1.5h48a1.5 1.5 0 1 1 0 3h-3V54.5h3a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1 0-3h3V36.167H8a1.5 1.5 0 0 1-1.5-1.5m39.833 1.5H51V54.5h-4.667zm-2 18.333V36.167h-4.666V54.5zM33 36.167h4.667V54.5H33zM31 54.5V36.167h-4.667V54.5zM19.667 36.167h4.666V54.5h-4.666zm-2 18.333V36.167H13V54.5zM40 26.667h-4v2.666h4z"/></svg></template>
<script setup lang="ts">
/**
 * Balcony64 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>
