<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="M9.167 3.25a2.584 2.584 0 0 0-2.575 2.367.75.75 0 0 1-.516 1.033 2.585 2.585 0 0 0 .59 5.1A2.583 2.583 0 0 0 9.25 9.167v-.834a.75.75 0 0 1 1.5 0v2.492a3 3 0 0 0 5.167-2.075c0-.844-.343-1.693-.927-2.278a2.59 2.59 0 0 0-2.133-.763.75.75 0 0 1-1.17-.445 2.585 2.585 0 0 0-2.52-2.014m.083 9.08a4.083 4.083 0 1 1-4.143-6.937 4.084 4.084 0 0 1 7.804-1.191 4.08 4.08 0 0 1 3.14 1.21 4.78 4.78 0 0 1 1.366 3.338 4.5 4.5 0 0 1-4.938 4.479l-1.729 1.728V17.5a.75.75 0 0 1-1.5 0zm1.5 1.213v-.848q.28.153.581.267z"/></svg></template>
<script setup lang="ts">
/**
 * GardenAlt20 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>
