<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M10.629 9.012a1.5 1.5 0 0 0-2.258 0l-3.5 4A1.5 1.5 0 0 0 4.5 14v24A1.5 1.5 0 0 0 6 39.5h7a1.5 1.5 0 0 0 1.5-1.5v-3H19v3a1.5 1.5 0 0 0 1.5 1.5h7A1.5 1.5 0 0 0 29 38v-3h4.5v3a1.5 1.5 0 0 0 1.5 1.5h7a1.5 1.5 0 0 0 1.5-1.5V14a1.5 1.5 0 0 0-.371-.988l-3.5-4a1.5 1.5 0 0 0-2.258 0l-3.5 4A1.5 1.5 0 0 0 33.5 14v5H29v-5a1.5 1.5 0 0 0-.371-.988l-3.5-4a1.5 1.5 0 0 0-2.258 0l-3.5 4A1.5 1.5 0 0 0 19 14v5h-4.5v-5a1.5 1.5 0 0 0-.371-.988zM14.5 21v2H19v-2zm4.5 4h-4.5v4H19zm0 6h-4.5v2H19zm10-10v2h4.5v-2zm4.5 4H29v4h4.5zm0 6H29v2h4.5zm-26 5.5V14.564l2-2.286 2 2.286V36.5zm14.5 0V14.564l2-2.286 2 2.286V36.5zm14.5-21.936V36.5h4V14.564l-2-2.286z"/></svg></template>
<script setup lang="ts">
/**
 * Garden48 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>
