<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 9.5C19.574 9.5 9.5 19.574 9.5 32S19.574 54.5 32 54.5 54.5 44.426 54.5 32 44.426 9.5 32 9.5M6.5 32C6.5 17.917 17.917 6.5 32 6.5S57.5 17.917 57.5 32 46.083 57.5 32 57.5 6.5 46.083 6.5 32m10.825-10.004a1.5 1.5 0 0 1 2.013-.671c2.421 1.21 7.54 2.508 12.662 2.508s10.241-1.297 12.663-2.508a1.5 1.5 0 0 1 1.341 2.683c-2.41 1.206-6.66 2.352-11.17 2.71v6.266l.022.045a121.085 121.085 0 0 1 2.019 4.37c1.171 2.678 2.548 6.108 3.247 8.904a1.5 1.5 0 1 1-2.91.728c-.635-2.538-1.925-5.775-3.086-8.43a119 119 0 0 0-2.092-4.512l-.032-.065-.002-.003-.002.003-.032.065a68 68 0 0 0-.59 1.221c-.391.823-.926 1.975-1.502 3.291-1.161 2.655-2.451 5.892-3.086 8.43a1.5 1.5 0 1 1-2.91-.728c.7-2.796 2.076-6.226 3.248-8.904a121 121 0 0 1 2.018-4.37l.023-.045v-6.266c-4.511-.359-8.76-1.504-11.171-2.71a1.5 1.5 0 0 1-.671-2.012M36 17.333a4 4 0 1 1-8 0 4 4 0 0 1 8 0"/></svg></template>
<script setup lang="ts">
/**
 * A11y64 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>
