<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 27c4.658 0 8.642-2.896 10.246-6.99a1 1 0 0 1 1.862.73C26.215 25.574 21.508 29 16 29q-.128 0-.255-.002l.962.961a1 1 0 0 1-1.414 1.415L9.959 26.04a1 1 0 0 1 0-1.414l5.334-5.333a1 1 0 0 1 1.414 1.414l-.954.954q.123.006.247.006a5.67 5.67 0 0 0 5.072-3.136 1 1 0 1 1 1.788.895 7.67 7.67 0 0 1-8.392 4.087 1 1 0 0 1-.393-.174l-1.994 1.994 1.377 1.377q.048.006.096.017c.786.179 1.604.273 2.446.273m-8.752-2.729a1 1 0 0 1-1.405-.156A12.95 12.95 0 0 1 3 16c0-2.458.683-4.758 1.869-6.719l-1.312.352A1 1 0 0 1 3.039 7.7l7.286-1.952a1 1 0 0 1 1.225.707l1.952 7.285a1 1 0 1 1-1.932.518l-.35-1.304A5.64 5.64 0 0 0 10.333 16c0 1.156.346 2.23.939 3.124a1 1 0 0 1-1.668 1.105A7.64 7.64 0 0 1 8.334 16c0-2.117.859-4.035 2.245-5.421l.004-.004-.707-2.636L8 8.442q-.03.04-.065.079A10.96 10.96 0 0 0 5 16c0 2.598.9 4.984 2.405 6.866a1 1 0 0 1-.157 1.405m19.265-11.518q.015.047.034.093l-.505 1.881-2.633-.705-.002-.006a7.67 7.67 0 0 0-7.869-5.669 1 1 0 1 0 .119 1.997q.17-.01.343-.01a5.67 5.67 0 0 1 5.028 3.05l-1.305-.35a1 1 0 1 0-.518 1.932l7.286 1.952a1 1 0 0 0 1.225-.707l1.952-7.286a1 1 0 1 0-1.932-.517l-.352 1.311a13 13 0 0 0-13.332-6.574 1 1 0 0 0 .297 1.978Q15.158 5 16 5c4.944 0 9.128 3.262 10.514 7.753"/></svg></template>
<script setup lang="ts">
/**
 * CircularEconomy32 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>
