<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="M13.796 12.346a1.5 1.5 0 0 0-2.258 0L6.87 17.679a1.5 1.5 0 0 0-.371.988v32a1.5 1.5 0 0 0 1.5 1.5h9.333a1.5 1.5 0 0 0 1.5-1.5v-4.334h7v4.334a1.5 1.5 0 0 0 1.5 1.5h9.334a1.5 1.5 0 0 0 1.5-1.5v-4.334h7v4.334a1.5 1.5 0 0 0 1.5 1.5H56a1.5 1.5 0 0 0 1.5-1.5v-32a1.5 1.5 0 0 0-.371-.988l-4.667-5.333a1.5 1.5 0 0 0-2.258 0l-4.666 5.333a1.5 1.5 0 0 0-.371.988v7h-7v-7a1.5 1.5 0 0 0-.371-.988l-4.667-5.333a1.5 1.5 0 0 0-2.258 0l-4.666 5.333a1.5 1.5 0 0 0-.372.988v7h-7v-7a1.5 1.5 0 0 0-.37-.988zm5.037 15.32V31h7v-3.333zm7 5.334h-7v6h7zm0 8h-7v3.333h7zm12.334-13.333V31h7v-3.333zm7 5.333h-7v6h7zm0 8h-7v3.333h7zM9.5 49.167V19.23l3.167-3.619 3.166 3.62v29.936zm19.333 0V19.23L32 15.611l3.167 3.62v29.936zM48.167 19.23v29.937H54.5V19.23l-3.167-3.619z"/></svg></template>
<script setup lang="ts">
/**
 * Garden64 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>
