<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M5.083 2.5a.75.75 0 0 1 .75-.75h8.334a.75.75 0 0 1 .75.75v6.667h-1.5v-3.25H10.5v3.25h-1v-3.25H6.583v3.25h-1.5zM10.5 4.917h2.917V3.25H10.5zm-1-1.667v1.667H6.583V3.25zm-7.75 7.583a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 0 1.5h-.75v5.167h.75a.75.75 0 0 1 0 1.5h-15a.75.75 0 0 1 0-1.5h.75v-5.167H2.5a.75.75 0 0 1-.75-.75m12.917.75h1.083v5.167h-1.083zm-1 5.167v-5.167h-1.084v5.167zM10.5 11.583h1.083v5.167H10.5zm-1 5.167v-5.167H8.417v5.167zm-3.167-5.167h1.084v5.167H6.333zm-1 5.167v-5.167H4.25v5.167zM12.5 8.333h-1.25v.834h1.25z"/></svg></template>
<script setup lang="ts">
/**
 * Balcony20 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>
