<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="M22.833 5.334a9.167 9.167 0 0 0 18.334 0h3C44.167 12.052 38.719 17.5 32 17.5c-6.72 0-12.167-5.447-12.167-12.167zM11.878 34.303a1.5 1.5 0 0 1 1.455-1.136h37.334a1.5 1.5 0 0 1 1.455 1.136l5.333 21.333A1.5 1.5 0 0 1 56 57.5H8a1.5 1.5 0 0 1-1.455-1.864zm2.626 1.864-2.041 8.166h9.32l1.022-8.166zM9.922 54.5l2.042-8.167h9.57l-1.02 8.167zm12.608 0 1.02-8.167H31V54.5zM33 54.5v-8.167h7.45l1.021 8.167zm0-10.167h7.2l-1.02-8.166H33zM43.487 54.5l-1.02-8.167h9.57L54.08 54.5zm-1.27-10.167h9.32l-2.041-8.166h-8.3zm-18.417 0H31v-8.166h-6.18zM33 22.668a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0zm-23.333-16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m39.666-1a1 1 0 1 0 0 2h4a1 1 0 0 0 0-2zm-32.707 15.04a1 1 0 0 1 0-1.414l2.41-2.41a1 1 0 0 1 1.415 1.414l-2.41 2.41a1 1 0 0 1-1.415 0m28.338-3.824a1 1 0 0 0-1.415 1.414l2.41 2.41a1 1 0 0 0 1.415-1.414z"/></svg></template>
<script setup lang="ts">
/**
 * RenewableEnergy64 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>
