<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M14 17.5a6.5 6.5 0 1 0 0 13c1.654 0 3.227-.927 4.93-2.658l2.14 2.103c-1.9 1.93-4.206 3.555-7.07 3.555a9.5 9.5 0 0 1 0-19c2.538 0 4.637 1.277 6.392 2.898 1.726 1.593 3.295 3.684 4.76 5.637l.048.065c1.521 2.029 2.938 3.909 4.442 5.298C31.137 29.778 32.538 30.5 34 30.5a6.5 6.5 0 1 0 0-13c-1.621 0-3.165.89-4.833 2.56l-2.123-2.12C28.92 16.062 31.192 14.5 34 14.5a9.5 9.5 0 0 1 0 19c-2.538 0-4.637-1.277-6.392-2.898-1.726-1.593-3.295-3.684-4.76-5.637L22.8 24.9c-1.521-2.029-2.938-3.909-4.442-5.298C16.863 18.222 15.462 17.5 14 17.5"/></svg></template>
<script setup lang="ts">
/**
 * Infinity48 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>
