<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="m16 4 .572-.82A1 1 0 0 0 15 4c0 2.841-.506 5.365-1.283 7.142-.39.89-.827 1.547-1.262 1.968-.43.416-.808.557-1.122.557-.32 0-.708-.148-1.15-.586-.446-.442-.892-1.13-1.285-2.059a1 1 0 0 0-1.707-.228c-1.55 1.97-2.858 4.275-2.858 6.54 0 6.187 4.818 11.25 10.907 11.642q.37.025.76.024.39 0 .76-.024c6.09-.392 10.907-5.455 10.907-11.643 0-1.756-.786-3.523-1.83-5.116-1.055-1.61-2.445-3.15-3.806-4.476a49 49 0 0 0-5.423-4.536l-.025-.018-.007-.005-.003-.001zm4.858 21.693a9.66 9.66 0 0 0 4.809-8.36c0-1.188-.547-2.561-1.503-4.02-.945-1.442-2.223-2.868-3.528-4.14a47 47 0 0 0-3.589-3.133l-.121-.096c-.177 2.29-.662 4.367-1.376 6-.456 1.04-1.024 1.945-1.705 2.603-.686.664-1.536 1.12-2.511 1.12-.998 0-1.864-.477-2.558-1.165a6.7 6.7 0 0 1-.94-1.189c-.94 1.437-1.502 2.814-1.502 4.02a9.66 9.66 0 0 0 4.809 8.36A9 9 0 0 1 11 24c0-.95.318-1.892.728-2.725.414-.843.956-1.642 1.48-2.323a22 22 0 0 1 2.057-2.3l.038-.036.01-.01.004-.003.001-.001.682.731.682-.732.001.002.004.003.01.01.039.037.137.133a21.766 21.766 0 0 1 1.92 2.166c.524.68 1.065 1.48 1.48 2.323.41.833.727 1.775.727 2.725 0 .599-.04 1.167-.143 1.693M16 17.333l-.681-.732a1 1 0 0 1 1.362 0zm.632 9.647a10 10 0 0 1-1.264 0c-.975-.068-1.48-.297-1.765-.583C13.26 26.056 13 25.402 13 24c0-.523.182-1.15.523-1.843.335-.684.794-1.367 1.27-1.985.43-.559.863-1.048 1.207-1.416.345.368.777.857 1.208 1.416.476.618.934 1.301 1.27 1.985.34.693.522 1.32.522 1.843 0 1.4-.26 2.056-.602 2.397-.286.286-.79.515-1.766.583"/></svg></template>
<script setup lang="ts">
/**
 * Fire32 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>
