<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="M12.353 2.854a.5.5 0 0 0-.707-.708 1.88 1.88 0 0 0-.565 1.612c.055.497.267.992.444 1.406l.015.033c.195.455.347.821.384 1.155a.89.89 0 0 1-.278.794.5.5 0 1 0 .707.708c.496-.497.627-1.06.565-1.612-.055-.497-.267-.992-.445-1.406l-.014-.033c-.195-.455-.347-.821-.384-1.155a.89.89 0 0 1 .278-.794M5 10a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 6.99 6.99 0 0 1-2.907 5.68l4.614 4.613a1 1 0 0 1-1.414 1.414l-5.068-5.068q-.591.199-1.225.29V21a1 1 0 1 1-2 0v-4.07a7 7 0 0 1-1.225-.291l-5.068 5.068a1 1 0 0 1-1.414-1.414l4.614-4.614A6.99 6.99 0 0 1 5 10m11.9 1a5.002 5.002 0 0 1-9.8 0zm-2.112-7.878a.5.5 0 0 1 .05.705c-.118.138-.137.247-.124.37.018.16.09.338.206.604l.011.027c.1.231.235.542.27.868.041.378-.048.77-.362 1.131a.5.5 0 1 1-.756-.654c.12-.138.138-.247.124-.37-.017-.16-.09-.338-.205-.604l-.012-.027c-.1-.231-.234-.542-.27-.868-.04-.378.05-.769.363-1.131a.5.5 0 0 1 .705-.05m-4.66.705a.5.5 0 1 0-.756-.654 1.43 1.43 0 0 0-.363 1.13c.036.327.17.638.27.869l.012.027c.116.266.188.444.205.605.014.122-.005.231-.124.369a.5.5 0 1 0 .756.654c.314-.362.404-.753.363-1.13-.036-.327-.17-.638-.27-.869l-.012-.027c-.116-.266-.188-.444-.205-.605-.014-.122.005-.231.124-.369"/></svg></template>
<script setup lang="ts">
/**
 * Barbecue24 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>
