<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M7 9a3 3 0 1 0 0 6c.726 0 1.452-.405 2.287-1.255l1.426 1.403C9.747 16.13 8.533 17 7 17A5 5 0 0 1 7 7c1.358 0 2.466.685 3.366 1.515.88.812 1.675 1.873 2.403 2.843l.031.042c.764 1.019 1.458 1.94 2.19 2.615.726.67 1.368.985 2.01.985a3 3 0 1 0 0-6c-.712 0-1.423.39-2.24 1.207l-1.415-1.414C14.3 7.837 15.497 7 17 7a5 5 0 0 1 0 10c-1.358 0-2.466-.685-3.366-1.515-.88-.812-1.675-1.873-2.403-2.843L11.2 12.6c-.764-1.019-1.458-1.94-2.19-2.615C8.283 9.315 7.641 9 7 9"/></svg></template>
<script setup lang="ts">
/**
 * Infinity24 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>
