bonfire icon

2 other variants in IonIcons

The same icon in other sets

Use the bonfire icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 0 0-18.2 14.11l-18.2 88.38a35.8 35.8 0 0 0-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.2 36.2 0 0 0-1.29-9.45Zm137.67 39.53a42 42 0 0 0-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 0 0-2 17.2l52.5 69a36.6 36.6 0 0 0 4 4.69c9.1 10.17 29.28 10.73 40.37 0c10.94-10.91 10.81-30.35-.14-38.95m52.25-71.98h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78M128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2m48.33 11L107 403.38a32.3 32.3 0 0 0-6 4.35a26.33 26.33 0 0 0 0 38.56a29.39 29.39 0 0 0 40.36 0a31 31 0 0 0 4-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 0 0-19.35-.94"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 0 0-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68c-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0 0 23.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94c42.88-27.2 54.8-56.44 54.8-87.55Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 0 0-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15c0 19.37 5.39 29 17.16 39.28m191.29-1.25c8.6 14.31 15.55 30.08 15.55 48c0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 0 1-65.14-26"/></svg>

import type { SVGProps } from "react";

export function IonBonfireOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 0 0-18.2 14.11l-18.2 88.38a35.8 35.8 0 0 0-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.2 36.2 0 0 0-1.29-9.45Zm137.67 39.53a42 42 0 0 0-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 0 0-2 17.2l52.5 69a36.6 36.6 0 0 0 4 4.69c9.1 10.17 29.28 10.73 40.37 0c10.94-10.91 10.81-30.35-.14-38.95m52.25-71.98h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78M128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2m48.33 11L107 403.38a32.3 32.3 0 0 0-6 4.35a26.33 26.33 0 0 0 0 38.56a29.39 29.39 0 0 0 40.36 0a31 31 0 0 0 4-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 0 0-19.35-.94"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 0 0-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68c-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0 0 23.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94c42.88-27.2 54.8-56.44 54.8-87.55Z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="32" d="M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 0 0-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15c0 19.37 5.39 29 17.16 39.28m191.29-1.25c8.6 14.31 15.55 30.08 15.55 48c0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 0 1-65.14-26"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M273.38 368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 0 0-18.2 14.11l-18.2 88.38a35.8 35.8 0 0 0-.93 7.88c0 19.93 16.68 33.78 37.33 33.78s37.34-13.85 37.34-33.78a36.2 36.2 0 0 0-1.29-9.45Zm137.67 39.53a42 42 0 0 0-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25 1a13.53 13.53 0 0 0-2 17.2l52.5 69a36.6 36.6 0 0 0 4 4.69c9.1 10.17 29.28 10.73 40.37 0c10.94-10.91 10.81-30.35-.14-38.95m52.25-71.98h-70.42c-4.55 0-8.88 3.35-8.88 8.16s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.4 480 356.66c0-13.66-7.6-20.78-16.7-20.78M128.22 344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87 0-16.35 9.58-16.35 20.32S44.62 376 54.3 373.75l67.43-20.55c4.39-1.31 6.49-4.2 6.49-9.2m48.33 11L107 403.38a32.3 32.3 0 0 0-6 4.35a26.33 26.33 0 0 0 0 38.56a29.39 29.39 0 0 0 40.36 0a31 31 0 0 0 4-4.68L197.9 373c3.5-5.58 2.92-12.49-2-17.06a15 15 0 0 0-19.35-.94"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M368 125.09c0-55.7-49.22-89.16-94.2-93.06a8 8 0 0 0-8.69 7.71c-3.12 76-109.38 110.69-119.87 178.68c-7 45.4 16.65 72.37 34.31 85.78a15.94 15.94 0 0 0 23.93-5.62c22.5-45.86 74.33-63.49 109.72-85.94c42.88-27.2 54.8-56.44 54.8-87.55Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M240 95.7c-12.82-23-30.51-31-59.16-31.63a3.86 3.86 0 0 0-4.06 3.51c-.95 34.22-32.78 44.85-32.78 73.15c0 19.37 5.39 29 17.16 39.28m191.29-1.25c8.6 14.31 15.55 30.08 15.55 48c0 52.52-42.47 93.1-94.86 93.1a94.42 94.42 0 0 1-65.14-26"/></svg>
</template>

.icon-bonfire-outline {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M273.38%20368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63%2018.63%200%200%200-18.2%2014.11l-18.2%2088.38a35.8%2035.8%200%200%200-.93%207.88c0%2019.93%2016.68%2033.78%2037.33%2033.78s37.34-13.85%2037.34-33.78a36.2%2036.2%200%200%200-1.29-9.45Zm137.67%2039.53a42%2042%200%200%200-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25%201a13.53%2013.53%200%200%200-2%2017.2l52.5%2069a36.6%2036.6%200%200%200%204%204.69c9.1%2010.17%2029.28%2010.73%2040.37%200c10.94-10.91%2010.81-30.35-.14-38.95m52.25-71.98h-70.42c-4.55%200-8.88%203.35-8.88%208.16s2.95%207.85%206.92%209.16l66.43%2020.55C467%20376%20480%20367.4%20480%20356.66c0-13.66-7.6-20.78-16.7-20.78M128.22%20344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87%200-16.35%209.58-16.35%2020.32S44.62%20376%2054.3%20373.75l67.43-20.55c4.39-1.31%206.49-4.2%206.49-9.2m48.33%2011L107%20403.38a32.3%2032.3%200%200%200-6%204.35a26.33%2026.33%200%200%200%200%2038.56a29.39%2029.39%200%200%200%2040.36%200a31%2031%200%200%200%204-4.68L197.9%20373c3.5-5.58%202.92-12.49-2-17.06a15%2015%200%200%200-19.35-.94%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M368%20125.09c0-55.7-49.22-89.16-94.2-93.06a8%208%200%200%200-8.69%207.71c-3.12%2076-109.38%20110.69-119.87%20178.68c-7%2045.4%2016.65%2072.37%2034.31%2085.78a15.94%2015.94%200%200%200%2023.93-5.62c22.5-45.86%2074.33-63.49%20109.72-85.94c42.88-27.2%2054.8-56.44%2054.8-87.55Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M240%2095.7c-12.82-23-30.51-31-59.16-31.63a3.86%203.86%200%200%200-4.06%203.51c-.95%2034.22-32.78%2044.85-32.78%2073.15c0%2019.37%205.39%2029%2017.16%2039.28m191.29-1.25c8.6%2014.31%2015.55%2030.08%2015.55%2048c0%2052.52-42.47%2093.1-94.86%2093.1a94.42%2094.42%200%200%201-65.14-26%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M273.38%20368.33c-.81-9.23-8.86-16.44-18.55-16.44a18.63%2018.63%200%200%200-18.2%2014.11l-18.2%2088.38a35.8%2035.8%200%200%200-.93%207.88c0%2019.93%2016.68%2033.78%2037.33%2033.78s37.34-13.85%2037.34-33.78a36.2%2036.2%200%200%200-1.29-9.45Zm137.67%2039.53a42%2042%200%200%200-5.95-4.35l-69.53-48.59c-6.77-4.25-14-4.13-19.25%201a13.53%2013.53%200%200%200-2%2017.2l52.5%2069a36.6%2036.6%200%200%200%204%204.69c9.1%2010.17%2029.28%2010.73%2040.37%200c10.94-10.91%2010.81-30.35-.14-38.95m52.25-71.98h-70.42c-4.55%200-8.88%203.35-8.88%208.16s2.95%207.85%206.92%209.16l66.43%2020.55C467%20376%20480%20367.4%20480%20356.66c0-13.66-7.6-20.78-16.7-20.78M128.22%20344c0-5-4.55-8.16-9.45-8.16H48.35c-8.87%200-16.35%209.58-16.35%2020.32S44.62%20376%2054.3%20373.75l67.43-20.55c4.39-1.31%206.49-4.2%206.49-9.2m48.33%2011L107%20403.38a32.3%2032.3%200%200%200-6%204.35a26.33%2026.33%200%200%200%200%2038.56a29.39%2029.39%200%200%200%2040.36%200a31%2031%200%200%200%204-4.68L197.9%20373c3.5-5.58%202.92-12.49-2-17.06a15%2015%200%200%200-19.35-.94%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M368%20125.09c0-55.7-49.22-89.16-94.2-93.06a8%208%200%200%200-8.69%207.71c-3.12%2076-109.38%20110.69-119.87%20178.68c-7%2045.4%2016.65%2072.37%2034.31%2085.78a15.94%2015.94%200%200%200%2023.93-5.62c22.5-45.86%2074.33-63.49%20109.72-85.94c42.88-27.2%2054.8-56.44%2054.8-87.55Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M240%2095.7c-12.82-23-30.51-31-59.16-31.63a3.86%203.86%200%200%200-4.06%203.51c-.95%2034.22-32.78%2044.85-32.78%2073.15c0%2019.37%205.39%2029%2017.16%2039.28m191.29-1.25c8.6%2014.31%2015.55%2030.08%2015.55%2048c0%2052.52-42.47%2093.1-94.86%2093.1a94.42%2094.42%200%200%201-65.14-26%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/bonfire-outline.svg?color=%231a73e8&size=48