<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="m24 6 .858-1.23A1.5 1.5 0 0 0 22.5 6c0 4.261-.759 8.048-1.924 10.713-.584 1.334-1.24 2.32-1.894 2.951-.646.624-1.212.836-1.682.836-.48 0-1.062-.221-1.725-.878-.67-.663-1.339-1.697-1.928-3.089a1.5 1.5 0 0 0-2.56-.343C8.462 19.147 6.5 22.603 6.5 26c0 9.282 7.227 16.877 16.36 17.464q.549.035 1.105.036h.07q.557 0 1.104-.037C34.273 42.876 41.5 35.284 41.5 26c0-2.635-1.18-5.285-2.745-7.675-1.583-2.415-3.667-4.725-5.709-6.713a73 73 0 0 0-5.616-4.907 71 71 0 0 0-2.377-1.797l-.142-.1-.038-.028-.01-.007-.003-.002h-.001zm7.286 32.54C35.6 36.026 38.5 31.351 38.5 26c0-1.783-.82-3.842-2.255-6.03-1.417-2.164-3.333-4.302-5.291-6.21a70 70 0 0 0-5.565-4.844c-.266 3.435-.994 6.55-2.065 8.999-.683 1.56-1.535 2.918-2.557 3.906-1.029.995-2.304 1.679-3.767 1.679-1.496 0-2.795-.715-3.836-1.747a10 10 0 0 1-1.41-1.784C10.344 22.126 9.5 24.192 9.5 26c0 5.352 2.9 10.027 7.214 12.54-.154-.79-.214-1.642-.214-2.54 0-1.424.477-2.838 1.091-4.088.621-1.264 1.434-2.463 2.22-3.484a33 33 0 0 1 3.143-3.504l.016-.015.006-.005.001-.001c.001-.001.001-.001 1.023 1.097l1.022-1.098.003.002.005.005.016.015a11 11 0 0 1 .263.255 32.63 32.63 0 0 1 2.88 3.25c.786 1.02 1.599 2.219 2.22 3.483.614 1.25 1.091 2.663 1.091 4.088 0 .898-.06 1.75-.214 2.54M24 26l-1.022-1.098a1.5 1.5 0 0 1 2.044 0zm-.946 14.47q.454.03.916.03h.06q.462 0 .916-.03c1.465-.102 2.222-.445 2.65-.874.513-.512.904-1.495.904-3.596 0-.785-.273-1.726-.784-2.765-.504-1.025-1.19-2.05-1.904-2.977A30 30 0 0 0 24 28.133a30 30 0 0 0-1.812 2.125c-.713.927-1.4 1.952-1.904 2.977-.511 1.04-.784 1.98-.784 2.765 0 2.101.391 3.084.904 3.596.428.429 1.185.772 2.65.874"/></svg></template>
<script setup lang="ts">
/**
 * Fire48 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>
