<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="M11.667 2.667a4.333 4.333 0 1 0 8.666 0h2a6.333 6.333 0 1 1-12.666 0zM5.697 17.09a1 1 0 0 1 .97-.758h18.666a1 1 0 0 1 .97.758l2.667 10.666A1 1 0 0 1 28 29H4a1 1 0 0 1-.97-1.243zm1.75 1.242-.958 3.833h4.403l.48-3.833zM5.281 27l.958-3.833h4.528L10.287 27zm6.015 0 .479-3.833H15.5V27zm5.204 0v-3.833h3.725l.48 3.833zm0-4.833h3.6l-.479-3.834H16.5zM21.712 27l-.479-3.833h4.528L26.719 27zm-.604-4.833h4.403l-.958-3.834h-3.924zm-9.208 0h3.6v-3.834h-3.121zm4.6-10.834a.5.5 0 1 0-1 0v2a.5.5 0 0 0 1 0zm-11.667-8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m19.834-.5a.5.5 0 1 0 0 1h2a.5.5 0 0 0 0-1zm-16.354 7.52a.5.5 0 0 1 0-.707l1.205-1.205a.5.5 0 1 1 .707.707L9.02 10.353a.5.5 0 0 1-.707 0m14.169-1.912a.5.5 0 1 0-.707.707l1.205 1.205a.5.5 0 1 0 .707-.707z"/></svg></template>
<script setup lang="ts">
/**
 * RenewableEnergy32 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>
