<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M17.5 4a6.5 6.5 0 0 0 13 0h3a9.5 9.5 0 0 1-19 0zM8.545 25.636A1.5 1.5 0 0 1 10 24.5h28a1.5 1.5 0 0 1 1.455 1.136l4 16A1.5 1.5 0 0 1 42 43.5H6a1.5 1.5 0 0 1-1.455-1.864zM11.17 27.5 9.796 33h6.321l.688-5.5zm-3.25 13L9.296 35h6.571l-.687 5.5zm9.274 0 .688-5.5H23v5.5zm7.805 0V35h5.117l.688 5.5zm0-7.5h4.867l-.687-5.5H25zm7.82 7.5-.687-5.5h6.57l1.376 5.5zm-.937-7.5h6.32l-1.374-5.5h-5.634zm-13.75 0H23v-5.5h-4.18zM25 17a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0zM7 5a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1m30-1a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2zM12.293 15.707a1 1 0 0 1 0-1.414l1.808-1.808a1 1 0 0 1 1.414 1.415l-1.808 1.807a1 1 0 0 1-1.414 0M33.9 12.485a1 1 0 0 0-1.415 1.415l1.808 1.807a1 1 0 0 0 1.414-1.414z"/></svg></template>
<script setup lang="ts">
/**
 * RenewableEnergy48 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>
