Fire icon in outline, twotone, bold and bulk. Free in all four styles, for forecast, conditions, temperature, climate. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconFire } from "@devigner-ui/icons";
<IconFire className="size-6" />
<script setup>
import { IconFire } from "@devigner-ui/icons-vue";
</script>
<template>
<IconFire class="size-6" />
</template>
<script>
import { IconFire } from "@devigner-ui/icons-svelte";
</script>
<IconFire class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 13.11c0 7.11-6.04 8.89-9.07 8.89C8.3 22 3 20.22 3 13.11A7 7 0 0 1 5.86 7.4c.78-.59 1.77 0 1.87.98l.09.83c.1 1.02 1.03 1.86 1.89 1.3C11.39 9.4 12 6.78 12 5.33v-.32c0-1.43 1.44-2.35 2.6-1.51 2.57 1.85 5.4 5.08 5.4 9.6" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M8 18.44C8 21.3 10.49 22 11.73 22c1.1 0 3.27-.71 3.27-3.56a2.8 2.8 0 0 0-1.16-2.27c-.4-.3-.96-.03-1.1.45-.17.62-.82 1.02-1.15.46-.3-.52-.3-1.28-.3-1.75 0-.63-.64-1.04-1.15-.67A4.8 4.8 0 0 0 8 18.44" stroke="currentColor" stroke-width="1.5"></path></svg>