<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="M17.667 8.667a3.667 3.667 0 1 1 7.333 0 3.667 3.667 0 0 1-7.333 0M21.333 3a5.667 5.667 0 1 0 0 11.333 5.667 5.667 0 0 0 0-11.333m-3.552 12.772a1 1 0 0 0-1.155.188l-2.666 2.666a1 1 0 0 0-.293.707V28a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1v-8.667a1 1 0 0 0-.293-.707L26.04 15.96a1 1 0 0 0-1.154-.188c-2.385 1.193-4.72 1.193-7.105 0m-2.114 3.975 1.88-1.88c2.514 1.066 5.058 1.066 7.572 0L27 19.747V27H15.667zM9.333 9.667a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0m2.65 6.718a1 1 0 0 0-.975.196l-2.666 2.333a1 1 0 0 0-.342.753V28a1 1 0 0 0 1 1h6.667a1 1 0 1 0 0-2H5v-3.88l1.9-1.661c.754.232 1.366.372 1.945.414.738.052 1.357-.06 2.064-.236a1 1 0 1 0-.485-1.94c-.626.156-1.007.211-1.436.18-.453-.032-1.022-.165-2.005-.492"/></svg></template>
<script setup lang="ts">
/**
 * Group32 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>
