<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="M24 40.5c6.987 0 12.964-4.344 15.369-10.484a1.5 1.5 0 1 1 2.793 1.094C39.322 38.361 32.262 43.5 24 43.5q-.192 0-.383-.004l1.443 1.443a1.5 1.5 0 1 1-2.121 2.121l-8-8a1.5 1.5 0 0 1 0-2.12l8-8a1.5 1.5 0 1 1 2.121 2.12l-1.431 1.432q.185.008.371.008a8.5 8.5 0 0 0 7.607-4.703 1.5 1.5 0 1 1 2.683 1.343 11.5 11.5 0 0 1-12.588 6.13 1.5 1.5 0 0 1-.59-.261l-2.991 2.99 2.066 2.067q.072.009.145.025c1.178.268 2.405.409 3.668.409m-13.127-4.093a1.5 1.5 0 0 1-2.109-.235A19.42 19.42 0 0 1 4.5 24c0-3.687 1.024-7.137 2.803-10.078l-1.968.527a1.5 1.5 0 1 1-.776-2.898l10.928-2.928a1.5 1.5 0 0 1 1.837 1.06l2.928 10.929a1.5 1.5 0 1 1-2.897.776l-.524-1.956A8.46 8.46 0 0 0 15.5 24c0 1.735.517 3.344 1.407 4.686a1.5 1.5 0 0 1-2.502 1.657A11.45 11.45 0 0 1 12.5 24c0-3.175 1.29-6.052 3.369-8.132l.005-.005-1.06-3.954-2.815.755q-.045.06-.099.117A16.44 16.44 0 0 0 7.5 24c0 3.897 1.349 7.475 3.607 10.298a1.5 1.5 0 0 1-.234 2.109m28.896-17.278q.023.072.05.14l-.755 2.822-3.95-1.058-.003-.009C33.8 16.116 29.324 12.5 24.001 12.5q-.35 0-.694.02a1.5 1.5 0 1 0 .178 2.995q.255-.015.515-.015a8.5 8.5 0 0 1 7.543 4.576l-1.959-.525a1.5 1.5 0 0 0-.776 2.898l10.928 2.928a1.5 1.5 0 0 0 1.837-1.06l2.928-10.929a1.5 1.5 0 1 0-2.897-.776l-.528 1.967C37.755 8.57 31.354 4.5 24 4.5q-1.49.001-2.922.218a1.5 1.5 0 0 0 .446 2.966A17 17 0 0 1 24 7.5c7.415 0 13.691 4.892 15.77 11.629"/></svg></template>
<script setup lang="ts">
/**
 * CircularEconomy48 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>
