<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="M10 16.75a6.75 6.75 0 0 0 6.287-4.289.75.75 0 0 1 1.397.547 8.25 8.25 0 0 1-7.541 5.24l.387.388a.75.75 0 1 1-1.06 1.06l-3.334-3.332a.75.75 0 0 1 0-1.061L9.47 11.97a.75.75 0 1 1 1.061 1.06l-.383.384a3.42 3.42 0 0 0 2.91-1.888.75.75 0 1 1 1.342.671 4.92 4.92 0 0 1-5.381 2.621.8.8 0 0 1-.203-.072l-1.088 1.087.744.744.028.006q.724.166 1.5.167m-5.392-1.483a.75.75 0 0 1-1.054-.117A8.22 8.22 0 0 1 1.75 10c0-1.451.375-2.815 1.033-4l-.528.141a.75.75 0 1 1-.388-1.449l4.554-1.22a.75.75 0 0 1 .918.53l1.22 4.554a.75.75 0 0 1-1.449.388l-.14-.524A3.4 3.4 0 0 0 6.583 10c0 .697.209 1.344.566 1.884a.75.75 0 1 1-1.25.828A4.9 4.9 0 0 1 5.082 10c0-1.333.531-2.543 1.392-3.427l-.39-1.458-1.014.272-.02.023A6.72 6.72 0 0 0 3.25 10c0 1.595.552 3.058 1.475 4.213a.75.75 0 0 1-.117 1.054m11.843-7.26.01.029-.273 1.016-1.456-.39a4.92 4.92 0 0 0-5.028-3.57.75.75 0 0 0 .089 1.497q.102-.006.207-.006c1.212 0 2.277.631 2.884 1.583l-.525-.14a.75.75 0 1 0-.388 1.448l4.553 1.22a.75.75 0 0 0 .919-.53l1.22-4.553a.75.75 0 1 0-1.449-.388l-.142.528a8.245 8.245 0 0 0-8.308-3.909.75.75 0 1 0 .223 1.483 6.753 6.753 0 0 1 7.464 4.682"/></svg></template>
<script setup lang="ts">
/**
 * CircularEconomy20 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>
