<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="M10 1.75a.75.75 0 0 1 .75.75v6.667a.75.75 0 0 1-1.5 0V2.5a.75.75 0 0 1 .75-.75M7.29 4.584a.75.75 0 0 1-.208 1.04c-1.168.779-2.999 2.457-2.999 5.21 0 2.788 2.238 5.916 5.917 5.916s5.916-3.128 5.916-5.917c0-2.752-1.83-4.43-2.999-5.209a.75.75 0 1 1 .832-1.248c1.332.888 3.667 2.96 3.667 6.457 0 3.462-2.762 7.417-7.416 7.417-4.655 0-7.417-3.955-7.417-7.417 0-3.497 2.336-5.57 3.667-6.457a.75.75 0 0 1 1.04.208"/></svg></template>
<script setup lang="ts">
/**
 * Connect20 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>
