<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="M5.833 7.417a2.583 2.583 0 0 0 0 5.167c.64 0 1.264-.357 1.966-1.07l1.069 1.051c-.8.813-1.791 1.519-3.035 1.519a4.083 4.083 0 0 1 0-8.167c1.103 0 2.006.555 2.749 1.24.727.672 1.386 1.551 1.994 2.361l.024.032c.636.848 1.219 1.621 1.836 2.19.612.566 1.166.844 1.73.844a2.583 2.583 0 0 0 0-5.167c-.625 0-1.238.343-1.925 1.03l-1.061-1.06c.79-.791 1.767-1.47 2.987-1.47a4.083 4.083 0 0 1 0 8.167c-1.103 0-2.006-.556-2.749-1.24-.727-.672-1.386-1.551-1.994-2.362L9.4 10.45c-.636-.847-1.219-1.62-1.836-2.19-.612-.565-1.166-.843-1.73-.843"/></svg></template>
<script setup lang="ts">
/**
 * Infinity20 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>
