<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="M11.167 5.417a2.167 2.167 0 1 1 4.333 0 2.167 2.167 0 0 1-4.333 0m2.166-3.667a3.667 3.667 0 1 0 0 7.333 3.667 3.667 0 0 0 0-7.333M11.17 9.746a.75.75 0 0 0-.866.14l-1.667 1.667a.75.75 0 0 0-.22.53V17.5c0 .414.336.75.75.75H17.5a.75.75 0 0 0 .75-.75v-5.417a.75.75 0 0 0-.22-.53l-1.666-1.667a.75.75 0 0 0-.866-.14c-1.456.728-2.874.728-4.33 0m-1.252 2.648 1.08-1.08c1.55.637 3.122.637 4.673 0l1.08 1.08v4.356H9.917zM5.833 6.167a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5m-3.25 1.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0m1.82 4.08a.75.75 0 0 0-.73.147l-1.667 1.458a.75.75 0 0 0-.256.565V17.5c0 .414.336.75.75.75h4.167a.75.75 0 0 0 0-1.5H3.25v-2.243l1.092-.955c.446.134.82.217 1.177.243.481.034.883-.039 1.33-.15a.75.75 0 0 0-.364-1.456c-.387.097-.61.127-.859.11-.267-.02-.61-.098-1.222-.302"/></svg></template>
<script setup lang="ts">
/**
 * Group20 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>
