<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="M9 2a3 3 0 0 0 6 0h2A5 5 0 0 1 7 2zM4.03 12.758A1 1 0 0 1 5 12h14a1 1 0 0 1 .97.758l2 8A1 1 0 0 1 21 22H3a1 1 0 0 1-.97-1.242zM5.78 14l-.624 2.5h2.903L8.37 14zm-1.5 6 .626-2.5h3.028L7.62 20zm4.349 0 .312-2.5H11.5V20zm3.871 0v-2.5h2.559l.312 2.5zm0-3.5h2.434L14.62 14H12.5zm3.879 3.5-.313-2.5h3.028l.625 2.5zm-.438-3.5h2.903L18.22 14h-2.59zm-6.875 0H11.5V14H9.379zm3.434-8a.5.5 0 1 0-1 0V10a.5.5 0 0 0 1 0zm-9-6A.5.5 0 0 1 4 2h1.5a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5m15-.5a.5.5 0 0 0 0 1H20a.5.5 0 1 0 0-1zM6.146 7.854a.5.5 0 0 1 0-.708l.904-.903a.5.5 0 1 1 .707.707l-.903.904a.5.5 0 0 1-.708 0M16.95 6.243a.5.5 0 0 0-.707.707l.904.904a.5.5 0 1 0 .707-.708z"/></svg></template>
<script setup lang="ts">
/**
 * RenewableEnergy24 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>
