<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="M7.086 6.008a1 1 0 0 0-1.505 0L3.247 8.675A1 1 0 0 0 3 9.333v16a1 1 0 0 0 1 1h4.667a1 1 0 0 0 1-1v-2.166h3v2.166a1 1 0 0 0 1 1h4.666a1 1 0 0 0 1-1v-2.166h3v2.166a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1v-16a1 1 0 0 0-.247-.658l-2.334-2.667a1 1 0 0 0-1.505 0l-2.333 2.667a1 1 0 0 0-.248.658v3.5h-3v-3.5a1 1 0 0 0-.247-.658l-2.333-2.667a1 1 0 0 0-1.506 0l-2.333 2.667a1 1 0 0 0-.247.658v3.5h-3v-3.5a1 1 0 0 0-.248-.658zm2.58 7.825V15.5h3v-1.667zm3 2.667h-3v3h3zm0 4h-3v1.667h3zm6.667-6.667V15.5h3v-1.667zm3 2.667h-3v3h3zm0 4h-3v1.667h3zM5 24.333V9.71l1.333-1.524L7.667 9.71v14.624zm9.667 0V9.71L16 8.185l1.333 1.524v14.624zM24.333 9.71v14.624H27V9.71l-1.333-1.524z"/></svg></template>
<script setup lang="ts">
/**
 * Garden32 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>
