<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="M12 20a8 8 0 0 0 7.452-5.083 1 1 0 1 1 1.862.73c-1.41 3.598-4.846 6.183-8.908 6.345l.301.3a1 1 0 0 1-1.414 1.415l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414l-.27.27c1.379-.15 2.548-1 3.143-2.19a1 1 0 1 1 1.79.895 6 6 0 0 1-6.568 3.198 1 1 0 0 1-.204-.064L9.414 19l.8.8.007.002a8 8 0 0 0 1.78.198m-6.407-1.601a1 1 0 0 1-1.406-.157A9.96 9.96 0 0 1 2 12c0-1.676.413-3.256 1.142-4.644l-.41.11a1 1 0 1 1-.517-1.932L7.68 4.07a1 1 0 0 1 1.225.707l1.464 5.464a1 1 0 1 1-1.932.518l-.099-.369A4 4 0 0 0 8 12c0 .817.244 1.573.663 2.205a1 1 0 1 1-1.668 1.104A5.98 5.98 0 0 1 6 12c0-1.606.632-3.066 1.659-4.142l-.428-1.597-1.09.292-.007.008A7.97 7.97 0 0 0 4 12c0 1.89.654 3.624 1.75 4.993a1 1 0 0 1-.157 1.406m14.053-8.76.002.007-.293 1.093-1.596-.427a6 6 0 0 0-6.12-4.301 1 1 0 0 0 .119 1.996 3.996 3.996 0 0 1 3.467 1.626l-.368-.099a1 1 0 1 0-.517 1.932l5.464 1.464a1 1 0 0 0 1.224-.707l1.464-5.464a1 1 0 1 0-1.931-.518l-.11.41a9.99 9.99 0 0 0-9.949-4.54A1 1 0 1 0 10.8 4.09Q11.388 4.001 12 4a8 8 0 0 1 7.646 5.638"/></svg></template>
<script setup lang="ts">
/**
 * CircularEconomy24 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>
