<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 3 .572-.82A1 1 0 0 0 11 3c0 2.105-.375 3.962-.941 5.256-.284.648-.596 1.11-.892 1.396-.29.282-.515.348-.667.348-.155 0-.387-.07-.687-.367-.304-.301-.623-.787-.909-1.464a1 1 0 0 0-1.707-.228C4.027 9.429 3 11.214 3 13a9 9 0 0 0 18 0c0-1.389-.62-2.763-1.414-3.975-.805-1.228-1.86-2.397-2.888-3.398A37 37 0 0 0 12.6 2.199l-.02-.013-.005-.004-.002-.001zm3.966 15.769A6.99 6.99 0 0 0 19 13c0-.82-.38-1.801-1.086-2.878-.695-1.06-1.64-2.116-2.612-3.062a34 34 0 0 0-2.4-2.118c-.16 1.558-.512 2.974-1.011 4.116-.35.799-.792 1.509-1.334 2.032-.546.529-1.243.91-2.057.91-.833 0-1.542-.399-2.094-.946a5 5 0 0 1-.521-.612C5.319 11.376 5 12.248 5 13a6.99 6.99 0 0 0 3.034 5.769A8 8 0 0 1 8 18c0-.766.256-1.512.571-2.154a11 11 0 0 1 1.137-1.785 16.6 16.6 0 0 1 1.568-1.752l.03-.029.008-.008.003-.003h.001L12 13l.681-.732.002.001.003.003.008.008.03.029a13 13 0 0 1 .47.473c.298.314.697.758 1.098 1.28.4.518.816 1.132 1.137 1.784.316.642.571 1.388.571 2.154q.001.392-.034.769M12 13l-.681-.732a1 1 0 0 1 1.362 0zm.459 6.985a7 7 0 0 1-.918 0c-.7-.049-1.009-.21-1.162-.364C10.195 19.438 10 19.033 10 18c0-.339.12-.77.366-1.272.242-.493.576-.99.926-1.446.245-.318.491-.606.708-.846.217.24.463.528.708.846.35.455.684.953.926 1.446.246.502.366.933.366 1.272 0 1.033-.195 1.438-.379 1.621-.153.154-.462.315-1.162.364"/></svg></template>
<script setup lang="ts">
/**
 * Fire24 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>
