<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 6.5A1.5 1.5 0 0 1 33.5 8v21.333a1.5 1.5 0 1 1-3 0V8A1.5 1.5 0 0 1 32 6.5m-9.418 8.668a1.5 1.5 0 0 1-.416 2.08c-3.837 2.558-9.999 8.163-9.999 17.419C12.167 43.994 19.643 54.5 32 54.5c12.358 0 19.834-10.506 19.834-19.833 0-9.256-6.162-14.861-10-17.419a1.5 1.5 0 0 1 1.665-2.496c4.163 2.776 11.335 9.17 11.335 19.915C54.834 45.339 46.31 57.5 32 57.5S9.167 45.34 9.167 34.667c0-10.745 7.171-17.14 11.335-19.915a1.5 1.5 0 0 1 2.08.416"/></svg></template>
<script setup lang="ts">
/**
 * Connect64 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>
