<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="M8.11 5.553a5.5 5.5 0 0 1 7.79 7.768l-.013.012-.068.067q-.085.084-.22.234a7 7 0 0 0-.64.841 6 6 0 0 0-.855 2.025H9.896a6 6 0 0 0-.855-2.025 7 7 0 0 0-.86-1.075l-.068-.067-.012-.012a5.5 5.5 0 0 1 .01-7.768m9.162 9.223-.676-.737zm.002-.002-.004.004-.033.033a5.055 5.055 0 0 0-.6.753c-.34.524-.637 1.2-.637 1.936a1 1 0 0 1-.5.866v.134a1.5 1.5 0 0 1-1.036 1.427 2.5 2.5 0 0 1-4.928 0A1.5 1.5 0 0 1 8.5 18.5v-.134A1 1 0 0 1 8 17.5c0-.736-.297-1.412-.637-1.937a5 5 0 0 0-.633-.785l-.004-.004-.03-.028a7.5 7.5 0 1 1 10.579.027M9.5 18.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5zm2.188-12.39a.5.5 0 0 1 .624 0c1.347 1.077 2.063 2.462 2.063 3.89 0 1.36-.65 2.681-1.875 3.735v.765a.5.5 0 0 1-1 0v-.765C10.275 12.68 9.625 11.36 9.625 10c0-1.428.716-2.813 2.063-3.89M13.375 10c0 .778-.28 1.577-.875 2.31V10.5a.5.5 0 1 0-1 0v1.81c-.594-.733-.875-1.533-.875-2.31 0-.97.437-1.975 1.375-2.841.938.866 1.375 1.87 1.375 2.841M12 21a1.5 1.5 0 0 1-1.415-1h2.83A1.5 1.5 0 0 1 12 21"/></svg></template>
<script setup lang="ts">
/**
 * EcoAlt24 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>
