<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="M4.523 3.673a.75.75 0 0 0-1.13 0L1.937 5.339a.75.75 0 0 0-.186.494v10c0 .414.336.75.75.75h2.917a.75.75 0 0 0 .75-.75v-1.166h1.625v1.166c0 .415.335.75.75.75h2.916a.75.75 0 0 0 .75-.75v-1.166h1.625v1.166c0 .415.336.75.75.75H17.5a.75.75 0 0 0 .75-.75v-10a.75.75 0 0 0-.186-.494l-1.458-1.666a.75.75 0 0 0-1.129 0L14.02 5.339a.75.75 0 0 0-.186.494v2h-1.625v-2a.75.75 0 0 0-.185-.494l-1.459-1.666a.75.75 0 0 0-1.128 0L7.977 5.339a.75.75 0 0 0-.185.494v2H6.167v-2a.75.75 0 0 0-.186-.494zm1.644 5.16V9.5h1.625v-.667zM7.792 10.5H6.167V12h1.625zm0 2.5H6.167v.667h1.625zm4.416-4.167V9.5h1.625v-.667zm1.625 1.667h-1.625V12h1.625zm0 2.5h-1.625v.667h1.625zM3.25 15.083V6.115l.708-.81.709.81v8.968zm6.042 0V6.115l.708-.81.708.81v8.968zm6.041-8.968v8.968h1.417V6.115l-.708-.81z"/></svg></template>
<script setup lang="ts">
/**
 * Garden20 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>
