fire flame simple icon

The same icon in other sets

Related icons in Font Awesome 6 Solid

Use the fire flame simple icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="m372.5 256.5l-.7-1.9C337.8 160.8 282 76.5 209.1 8.5l-3.3-3C202.1 2 197.1 0 192 0s-10.1 2-13.8 5.5l-3.3 3C102 76.5 46.2 160.8 12.2 254.6l-.7 1.9C3.9 277.3 0 299.4 0 321.6C0 426.7 86.8 512 192 512s192-85.3 192-190.4c0-22.2-3.9-44.2-11.5-65.1M281.7 306a73.3 73.3 0 0 1 6.2 29.5c0 53-43 96.5-96 96.5s-96-43.5-96-96.5c0-10.1 2.1-20.3 6.2-29.5l1.9-4.3c15.8-35.4 37.9-67.7 65.3-95.1l8.9-8.9c3.6-3.6 8.5-5.6 13.6-5.6s10 2 13.6 5.6l8.9 8.9c27.4 27.4 49.6 59.7 65.3 95.1l1.9 4.3z"/></svg>

import type { SVGProps } from "react";

export function Fa6SolidFireFlameSimple(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="m372.5 256.5l-.7-1.9C337.8 160.8 282 76.5 209.1 8.5l-3.3-3C202.1 2 197.1 0 192 0s-10.1 2-13.8 5.5l-3.3 3C102 76.5 46.2 160.8 12.2 254.6l-.7 1.9C3.9 277.3 0 299.4 0 321.6C0 426.7 86.8 512 192 512s192-85.3 192-190.4c0-22.2-3.9-44.2-11.5-65.1M281.7 306a73.3 73.3 0 0 1 6.2 29.5c0 53-43 96.5-96 96.5s-96-43.5-96-96.5c0-10.1 2.1-20.3 6.2-29.5l1.9-4.3c15.8-35.4 37.9-67.7 65.3-95.1l8.9-8.9c3.6-3.6 8.5-5.6 13.6-5.6s10 2 13.6 5.6l8.9 8.9c27.4 27.4 49.6 59.7 65.3 95.1l1.9 4.3z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="m372.5 256.5l-.7-1.9C337.8 160.8 282 76.5 209.1 8.5l-3.3-3C202.1 2 197.1 0 192 0s-10.1 2-13.8 5.5l-3.3 3C102 76.5 46.2 160.8 12.2 254.6l-.7 1.9C3.9 277.3 0 299.4 0 321.6C0 426.7 86.8 512 192 512s192-85.3 192-190.4c0-22.2-3.9-44.2-11.5-65.1M281.7 306a73.3 73.3 0 0 1 6.2 29.5c0 53-43 96.5-96 96.5s-96-43.5-96-96.5c0-10.1 2.1-20.3 6.2-29.5l1.9-4.3c15.8-35.4 37.9-67.7 65.3-95.1l8.9-8.9c3.6-3.6 8.5-5.6 13.6-5.6s10 2 13.6 5.6l8.9 8.9c27.4 27.4 49.6 59.7 65.3 95.1l1.9 4.3z"/></svg>
</template>

.icon-fire-flame-simple {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m372.5%20256.5l-.7-1.9C337.8%20160.8%20282%2076.5%20209.1%208.5l-3.3-3C202.1%202%20197.1%200%20192%200s-10.1%202-13.8%205.5l-3.3%203C102%2076.5%2046.2%20160.8%2012.2%20254.6l-.7%201.9C3.9%20277.3%200%20299.4%200%20321.6C0%20426.7%2086.8%20512%20192%20512s192-85.3%20192-190.4c0-22.2-3.9-44.2-11.5-65.1M281.7%20306a73.3%2073.3%200%200%201%206.2%2029.5c0%2053-43%2096.5-96%2096.5s-96-43.5-96-96.5c0-10.1%202.1-20.3%206.2-29.5l1.9-4.3c15.8-35.4%2037.9-67.7%2065.3-95.1l8.9-8.9c3.6-3.6%208.5-5.6%2013.6-5.6s10%202%2013.6%205.6l8.9%208.9c27.4%2027.4%2049.6%2059.7%2065.3%2095.1l1.9%204.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m372.5%20256.5l-.7-1.9C337.8%20160.8%20282%2076.5%20209.1%208.5l-3.3-3C202.1%202%20197.1%200%20192%200s-10.1%202-13.8%205.5l-3.3%203C102%2076.5%2046.2%20160.8%2012.2%20254.6l-.7%201.9C3.9%20277.3%200%20299.4%200%20321.6C0%20426.7%2086.8%20512%20192%20512s192-85.3%20192-190.4c0-22.2-3.9-44.2-11.5-65.1M281.7%20306a73.3%2073.3%200%200%201%206.2%2029.5c0%2053-43%2096.5-96%2096.5s-96-43.5-96-96.5c0-10.1%202.1-20.3%206.2-29.5l1.9-4.3c15.8-35.4%2037.9-67.7%2065.3-95.1l8.9-8.9c3.6-3.6%208.5-5.6%2013.6-5.6s10%202%2013.6%205.6l8.9%208.9c27.4%2027.4%2049.6%2059.7%2065.3%2095.1l1.9%204.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/fire-flame-simple.svg?color=%231a73e8&size=48