<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="m10 2.5.43-.615a.75.75 0 0 0-1.18.615c0 1.763-.314 3.322-.791 4.413-.24.547-.505.942-.761 1.19-.254.245-.46.314-.614.314-.158 0-.37-.072-.631-.33-.264-.261-.535-.676-.776-1.247a.75.75 0 0 0-1.28-.171c-.973 1.237-1.814 2.705-1.814 4.164a7.417 7.417 0 0 0 14.834 0c0-1.133-.507-2.262-1.165-3.266-.666-1.017-1.541-1.986-2.395-2.818a31 31 0 0 0-3.345-2.806l-.06-.042-.016-.011-.005-.004h-.001zm3.203 13.31a5.91 5.91 0 0 0 2.714-4.977c0-.707-.327-1.54-.92-2.444-.583-.89-1.374-1.775-2.187-2.566a29 29 0 0 0-2.126-1.866c-.126 1.351-.423 2.578-.851 3.558-.289.66-.652 1.24-1.093 1.667-.445.43-1.006.735-1.656.735-.666 0-1.237-.319-1.687-.764a4 4 0 0 1-.498-.603c-.517.827-.815 1.607-.815 2.283a5.91 5.91 0 0 0 2.714 4.976A6 6 0 0 1 6.75 15c0-.62.207-1.229.468-1.758a9 9 0 0 1 .938-1.473 14 14 0 0 1 1.298-1.451l.025-.024.007-.007.002-.002h.001l.511.548.511-.549.001.001.002.002.008.007.024.023.087.085a13.735 13.735 0 0 1 1.211 1.367c.331.43.675.936.939 1.473.26.53.467 1.138.467 1.758q.001.42-.047.81M10 10.832l-.51-.549a.75.75 0 0 1 1.021 0zm.387 5.905a6 6 0 0 1-.774 0c-.594-.042-.875-.18-1.023-.328-.177-.177-.34-.544-.34-1.41 0-.3.105-.673.314-1.097.205-.417.486-.837.78-1.22.23-.297.46-.563.656-.777.196.214.427.48.656.778.294.382.575.802.78 1.22.209.423.314.796.314 1.096 0 .866-.163 1.233-.34 1.41-.148.148-.428.286-1.023.328"/></svg></template>
<script setup lang="ts">
/**
 * Fire20 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>
