<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 3.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5M1.75 10a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0m3.413-3.252a.75.75 0 0 1 1.006-.335c.71.355 2.266.754 3.831.754 1.566 0 3.12-.4 3.831-.754a.75.75 0 0 1 .671 1.341c-.743.372-1.992.717-3.335.852v1.636l.129.27c.126.265.299.637.485 1.062.367.84.805 1.93 1.03 2.827a.75.75 0 1 1-1.455.364c-.192-.768-.587-1.762-.95-2.59A36 36 0 0 0 10 11.28c-.114.241-.256.55-.407.896-.362.827-.757 1.82-.949 2.59A.75.75 0 1 1 7.19 14.4c.225-.898.663-1.987 1.03-2.827a38 38 0 0 1 .614-1.332V8.606c-1.343-.135-2.592-.48-3.335-.852a.75.75 0 0 1-.335-1.006m6.087-1.331a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0"/></svg></template>
<script setup lang="ts">
/**
 * A11y20 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>
