<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M9.333 11.667a4.333 4.333 0 1 0 0 8.667c1.103 0 2.152-.618 3.288-1.773l1.425 1.403c-1.266 1.287-2.804 2.37-4.713 2.37a6.333 6.333 0 0 1 0-12.667c1.692 0 3.092.851 4.262 1.932 1.15 1.062 2.196 2.456 3.172 3.758l.033.043c1.014 1.353 1.958 2.606 2.962 3.532.996.92 1.93 1.402 2.905 1.402a4.333 4.333 0 0 0 0-8.667c-1.081 0-2.11.593-3.222 1.707l-1.416-1.414c1.25-1.251 2.765-2.293 4.638-2.293a6.333 6.333 0 1 1 0 12.667c-1.692 0-3.092-.852-4.262-1.932-1.15-1.062-2.196-2.456-3.173-3.758L15.2 16.6c-1.014-1.352-1.958-2.605-2.962-3.531-.996-.92-1.93-1.402-2.905-1.402"/></svg></template>
<script setup lang="ts">
/**
 * Infinity32 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>
