<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 6.5c14.083 0 25.5 11.417 25.5 25.5S46.083 57.5 32 57.5 6.5 46.083 6.5 32 17.917 6.5 32 6.5m0 3C19.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.5m-.389 18.384a1.502 1.502 0 0 1 1.889 1.449v11.833H36a1.5 1.5 0 0 1 0 3h-8a1.5 1.5 0 0 1 0-3h2.5v-9.879l-2.111.567a1.5 1.5 0 0 1-.778-2.898zm-.944-9.467a2.917 2.917 0 1 1-.001 5.833 2.917 2.917 0 0 1 .001-5.833"/></svg></template>
<script setup lang="ts">
/**
 * InfoCircle64 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>
