<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="M18.667 22.833a9.167 9.167 0 0 0 0 18.333c2.407 0 4.627-1.352 6.93-3.694l2.139 2.104c-2.5 2.54-5.453 4.59-9.07 4.59C11.948 44.166 6.5 38.72 6.5 32s5.447-12.167 12.167-12.167c3.204 0 5.886 1.61 8.184 3.731 2.267 2.093 4.335 4.85 6.299 7.469l.05.067c2.021 2.695 3.938 5.242 5.984 7.13 2.036 1.88 4.02 2.936 6.15 2.936a9.167 9.167 0 1 0 0-18.333c-2.36 0-4.54 1.299-6.799 3.56l-2.122-2.12c2.465-2.469 5.374-4.44 8.92-4.44C52.053 19.833 57.5 25.28 57.5 32s-5.447 12.166-12.167 12.166c-3.204 0-5.886-1.61-8.184-3.73-2.267-2.094-4.335-4.851-6.299-7.47l-.05-.066c-2.021-2.696-3.938-5.242-5.984-7.131-2.036-1.88-4.02-2.936-6.15-2.936"/></svg></template>
<script setup lang="ts">
/**
 * Infinity64 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>
