<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.833 2.084a.5.5 0 0 1 .5-.5h1.25a.5.5 0 1 1 0 1h-1.25a.5.5 0 0 1-.5-.5m4.584-.417a2.583 2.583 0 1 0 5.166 0h1.5a4.083 4.083 0 1 1-8.166 0zm-3.978 8.985a.75.75 0 0 1 .728-.569h11.666a.75.75 0 0 1 .728.569l1.667 6.666a.75.75 0 0 1-.728.932h-15a.75.75 0 0 1-.728-.932zm1.313.931-.52 2.084h2.41l.26-2.084zM3.461 16.75l.52-2.083h2.536l-.26 2.083zm3.803 0 .26-2.083H9.5v2.083zm3.236 0v-2.083h1.975l.26 2.083zm0-3.083h1.85l-.26-2.084H10.5zm3.244 3.083-.26-2.083h2.535l.52 2.083zm-.386-3.083h2.41l-.52-2.084h-2.15zm-5.708 0H9.5v-2.084H7.91zm2.85-6.583a.5.5 0 1 0-1 0v1.25a.5.5 0 0 0 1 0zm4.917-5.5a.5.5 0 1 0 0 1h1.25a.5.5 0 0 0 0-1zM5.063 6.603a.5.5 0 0 1 0-.707l.753-.754a.5.5 0 1 1 .707.708l-.753.753a.5.5 0 0 1-.707 0m9.12-1.46a.5.5 0 1 0-.706.707l.753.753a.5.5 0 1 0 .707-.707z"/></svg></template>
<script setup lang="ts">
/**
 * RenewableEnergy20 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>
