<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="M16 3a1 1 0 0 1 1 1v10.667a1 1 0 1 1-2 0V4a1 1 0 0 1 1-1m-4.502 4.445a1 1 0 0 1-.277 1.387c-1.891 1.26-4.888 3.998-4.888 8.501C6.333 21.885 9.983 27 16 27s9.666-5.115 9.666-9.667c0-4.503-2.997-7.24-4.888-8.5a1 1 0 0 1 1.11-1.665c2.109 1.406 5.778 4.669 5.778 10.165C27.666 22.782 23.317 29 16 29S4.333 22.782 4.333 17.333c0-5.496 3.67-8.76 5.779-10.165a1 1 0 0 1 1.386.277"/></svg></template>
<script setup lang="ts">
/**
 * Connect32 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>
