<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 54.5c9.529 0 17.678-5.924 20.958-14.296a1.5 1.5 0 0 1 2.793 1.094C52.036 50.78 42.805 57.5 32 57.5q-.894 0-1.773-.06l2.833 2.833a1.5 1.5 0 0 1-2.12 2.12L20.272 51.728a1.5 1.5 0 0 1 0-2.121l10.666-10.667a1.5 1.5 0 0 1 2.122 2.122l-2.666 2.665q.787.106 1.606.107c4.632 0 8.646-2.662 10.59-6.546a1.5 1.5 0 0 1 2.683 1.342C42.842 43.49 37.813 46.833 32 46.833c-1.014 0-2.006-.102-2.965-.296-.37-.075-.68-.28-.893-.559l-4.688 4.689 3.238 3.238q.152.003.306.037c1.607.365 3.28.558 5 .558m-17.815-6.348a1.5 1.5 0 0 1-2.108-.235A25.4 25.4 0 0 1 6.5 32a25.4 25.4 0 0 1 4.353-14.254l-3.868 1.036a1.5 1.5 0 0 1-.777-2.897L20.78 11.98a1.5 1.5 0 0 1 1.837 1.061l3.905 14.57a1.5 1.5 0 0 1-2.898.777l-.975-3.638a11.78 11.78 0 0 0-2.48 7.25c0 2.414.72 4.655 1.959 6.525a1.5 1.5 0 1 1-2.501 1.656A14.77 14.77 0 0 1 17.167 32c0-4.096 1.662-7.806 4.345-10.489q.103-.102.22-.182l-1.625-6.063-4.417 1.184a1.5 1.5 0 0 1-.189.252A22.42 22.42 0 0 0 9.5 32c0 5.314 1.84 10.194 4.92 14.043a1.5 1.5 0 0 1-.235 2.109m39.319-22.794q.047.15.12.284l-1.185 4.425-6.06-1.623a1.5 1.5 0 0 0-.047-.283c-1.692-6.33-7.465-10.994-14.331-10.994q-.45 0-.895.026a1.5 1.5 0 0 0 .179 2.995q.354-.021.716-.021c4.95 0 9.195 3.042 10.959 7.36l-3.643-.976a1.5 1.5 0 0 0-.777 2.898l14.571 3.904a1.5 1.5 0 0 0 1.837-1.06l3.905-14.571a1.5 1.5 0 0 0-2.898-.777l-1.036 3.865C50.775 12.337 42.071 6.5 32 6.5c-1.297 0-2.573.097-3.82.285a1.5 1.5 0 1 0 .446 2.966Q30.277 9.501 32 9.5c10.112 0 18.67 6.672 21.504 15.858"/></svg></template>
<script setup lang="ts">
/**
 * CircularEconomy64 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>
