<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="m16.869 5.543.147-.478-.19-.06-1.72-.53-.478-.148c-.537-.183-1.338-.176-2.162-.018-1.212.232-2.475.792-3.023 1.557a32 32 0 0 0 3.04.489c.476.103.959.223 1.407.361l-.59 1.911.478.148 1.433.442.289.09.189.058.442-1.434.148-.477.28.151.168.092.761.412.584.317.448.243.136-.44.466-1.51.136-.439-.508-.052-.66-.068-.861-.088-.19-.02-.318-.032zm-.942 5.808a2 2 0 0 0 1.502-.999l.138.075a2 2 0 0 0 2.864-1.168l.738-2.39A2 2 0 0 0 19.46 4.29l-.629-.064a2 2 0 0 0-1.226-1.072l-2.366-.73c-1.216-.403-2.73-.227-3.89.093-1.159.32-2.67.98-3.533 2.185a2 2 0 0 0 1.422 3.154h.003l.016.002.073.008.29.035a32 32 0 0 1 1.733.267 2 2 0 0 0-.02.832H8.829a3 3 0 0 0-2.12.879l-3.122 3.12H2.5a1 1 0 1 0 0 2H4a1 1 0 0 0 .707-.292l3.414-3.414A1 1 0 0 1 8.828 11h3.012l-.142.429-.189.57H10.5a1 1 0 1 0 0 2h5.72l-1.311 5.243a1 1 0 0 1-.97.758H3a1 1 0 1 0 0 2h10.938a3 3 0 0 0 2.91-2.272l1.312-5.243A2 2 0 0 0 16.22 12h-.513z"/></svg></template>
<script setup lang="ts">
/**
 * Renovation24 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>
