bonfire icon

bonfire from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: bonfire
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

Use the bonfire icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M273.38 368.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 0 0-18.2 14.07l-18.2 88.36a35.6 35.6 0 0 0-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.2 36.2 0 0 0-1.29-9.45Zm137.67 39.52a42.7 42.7 0 0 0-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 0 0-2 17.19l52.5 69a38 38 0 0 0 4 4.69c9.1 10.16 29.28 10.72 40.37 0c10.94-10.96 10.81-30.39-.14-38.99m52.25-71.96h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78m-335.08 8.15c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16m48.33 10.97L107 403.41a32.3 32.3 0 0 0-6 4.34a26.33 26.33 0 0 0 0 38.56a29.41 29.41 0 0 0 40.36 0a31 31 0 0 0 4-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 0 0-19.35-.95m116.91-112.66c10-5.42 19.45-10.54 28.31-16.16c42.46-26.92 62.23-59 62.23-101c0-64.66-56.07-104.4-108.82-109c-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86c-28 26.3-56.93 53.49-62.71 91c-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0 0 19.3 6.51a32.3 32.3 0 0 0 7.41-.87a31.75 31.75 0 0 0 21.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3"/><path fill="currentColor" d="M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15c19.92-18.72 37.81-35.58 46.5-53.86c-12.24-7.37-27.36-11.36-46.51-11.36c-17.79 0-20.39 5.18-20.39 19.06c0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64m190.52 83.17c-9.33 5.92-19 11.16-29.25 16.71c-28.91 15.68-56.21 30.48-68.88 56.28a63 63 0 0 1-1.88 3.61a8 8 0 0 0 3.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0 0 78.24-31.37A107.45 107.45 0 0 0 384 226.85a86.6 86.6 0 0 0-1.33-15a8 8 0 0 0-13.8-4c-10.18 11.47-22.93 22-38.53 31.89"/></svg>

React

import type { SVGProps } from "react";

export function IonBonfire(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.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 0 0-18.2 14.07l-18.2 88.36a35.6 35.6 0 0 0-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.2 36.2 0 0 0-1.29-9.45Zm137.67 39.52a42.7 42.7 0 0 0-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 0 0-2 17.19l52.5 69a38 38 0 0 0 4 4.69c9.1 10.16 29.28 10.72 40.37 0c10.94-10.96 10.81-30.39-.14-38.99m52.25-71.96h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78m-335.08 8.15c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16m48.33 10.97L107 403.41a32.3 32.3 0 0 0-6 4.34a26.33 26.33 0 0 0 0 38.56a29.41 29.41 0 0 0 40.36 0a31 31 0 0 0 4-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 0 0-19.35-.95m116.91-112.66c10-5.42 19.45-10.54 28.31-16.16c42.46-26.92 62.23-59 62.23-101c0-64.66-56.07-104.4-108.82-109c-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86c-28 26.3-56.93 53.49-62.71 91c-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0 0 19.3 6.51a32.3 32.3 0 0 0 7.41-.87a31.75 31.75 0 0 0 21.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3"/><path fill="currentColor" d="M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15c19.92-18.72 37.81-35.58 46.5-53.86c-12.24-7.37-27.36-11.36-46.51-11.36c-17.79 0-20.39 5.18-20.39 19.06c0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64m190.52 83.17c-9.33 5.92-19 11.16-29.25 16.71c-28.91 15.68-56.21 30.48-68.88 56.28a63 63 0 0 1-1.88 3.61a8 8 0 0 0 3.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0 0 78.24-31.37A107.45 107.45 0 0 0 384 226.85a86.6 86.6 0 0 0-1.33-15a8 8 0 0 0-13.8-4c-10.18 11.47-22.93 22-38.53 31.89"/></svg>
  );
}

Vue

<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.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63 18.63 0 0 0-18.2 14.07l-18.2 88.36a35.6 35.6 0 0 0-.93 7.87c0 19.93 16.68 33.77 37.33 33.77s37.34-13.84 37.34-33.77a36.2 36.2 0 0 0-1.29-9.45Zm137.67 39.52a42.7 42.7 0 0 0-5.95-4.36L335.57 355c-6.77-4.24-14-4.13-19.25 1a13.52 13.52 0 0 0-2 17.19l52.5 69a38 38 0 0 0 4 4.69c9.1 10.16 29.28 10.72 40.37 0c10.94-10.96 10.81-30.39-.14-38.99m52.25-71.96h-70.42c-4.55 0-8.88 3.35-8.88 8.15s2.95 7.85 6.92 9.16l66.43 20.55C467 376 480 367.44 480 356.71c0-13.63-7.6-20.78-16.7-20.78m-335.08 8.15c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87 0-16.35 9.58-16.35 20.31S44.62 376 54.3 373.79l67.43-20.55c4.39-1.31 6.49-4.24 6.49-9.16m48.33 10.97L107 403.41a32.3 32.3 0 0 0-6 4.34a26.33 26.33 0 0 0 0 38.56a29.41 29.41 0 0 0 40.36 0a31 31 0 0 0 4-4.68L197.9 373c3.5-5.57 2.92-12.48-2-17a15 15 0 0 0-19.35-.95m116.91-112.66c10-5.42 19.45-10.54 28.31-16.16c42.46-26.92 62.23-59 62.23-101c0-64.66-56.07-104.4-108.82-109c-6.49-.57-15-.42-19.91 3.88s-5.88 12.56-6.15 19.1c-1.38 33.61-28.38 59-57 85.86c-28 26.3-56.93 53.49-62.71 91c-8.41 54.68 21.74 86.71 40.46 100.93a31.88 31.88 0 0 0 19.3 6.51a32.3 32.3 0 0 0 7.41-.87a31.75 31.75 0 0 0 21.27-16.95c14.91-30.39 45.77-47.12 75.61-63.3"/><path fill="currentColor" d="M139.82 156.57c12.22-15.76 27-29.68 41.37-43.15c19.92-18.72 37.81-35.58 46.5-53.86c-12.24-7.37-27.36-11.36-46.51-11.36c-17.79 0-20.39 5.18-20.39 19.06c0 12.56-6.53 20.54-14.34 30.65C137.8 109.1 128 121.77 128 140.84c0 10.23 1.29 18.77 4.2 26.37q3.5-5.32 7.62-10.64m190.52 83.17c-9.33 5.92-19 11.16-29.25 16.71c-28.91 15.68-56.21 30.48-68.88 56.28a63 63 0 0 1-1.88 3.61a8 8 0 0 0 3.89 11.3c12.31 5.1 25.13 8.27 38.91 8.27a111.42 111.42 0 0 0 78.24-31.37A107.45 107.45 0 0 0 384 226.85a86.6 86.6 0 0 0-1.33-15a8 8 0 0 0-13.8-4c-10.18 11.47-22.93 22-38.53 31.89"/></svg>
</template>

CSS

.icon-bonfire {
  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.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63%2018.63%200%200%200-18.2%2014.07l-18.2%2088.36a35.6%2035.6%200%200%200-.93%207.87c0%2019.93%2016.68%2033.77%2037.33%2033.77s37.34-13.84%2037.34-33.77a36.2%2036.2%200%200%200-1.29-9.45Zm137.67%2039.52a42.7%2042.7%200%200%200-5.95-4.36L335.57%20355c-6.77-4.24-14-4.13-19.25%201a13.52%2013.52%200%200%200-2%2017.19l52.5%2069a38%2038%200%200%200%204%204.69c9.1%2010.16%2029.28%2010.72%2040.37%200c10.94-10.96%2010.81-30.39-.14-38.99m52.25-71.96h-70.42c-4.55%200-8.88%203.35-8.88%208.15s2.95%207.85%206.92%209.16l66.43%2020.55C467%20376%20480%20367.44%20480%20356.71c0-13.63-7.6-20.78-16.7-20.78m-335.08%208.15c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87%200-16.35%209.58-16.35%2020.31S44.62%20376%2054.3%20373.79l67.43-20.55c4.39-1.31%206.49-4.24%206.49-9.16m48.33%2010.97L107%20403.41a32.3%2032.3%200%200%200-6%204.34a26.33%2026.33%200%200%200%200%2038.56a29.41%2029.41%200%200%200%2040.36%200a31%2031%200%200%200%204-4.68L197.9%20373c3.5-5.57%202.92-12.48-2-17a15%2015%200%200%200-19.35-.95m116.91-112.66c10-5.42%2019.45-10.54%2028.31-16.16c42.46-26.92%2062.23-59%2062.23-101c0-64.66-56.07-104.4-108.82-109c-6.49-.57-15-.42-19.91%203.88s-5.88%2012.56-6.15%2019.1c-1.38%2033.61-28.38%2059-57%2085.86c-28%2026.3-56.93%2053.49-62.71%2091c-8.41%2054.68%2021.74%2086.71%2040.46%20100.93a31.88%2031.88%200%200%200%2019.3%206.51a32.3%2032.3%200%200%200%207.41-.87a31.75%2031.75%200%200%200%2021.27-16.95c14.91-30.39%2045.77-47.12%2075.61-63.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M139.82%20156.57c12.22-15.76%2027-29.68%2041.37-43.15c19.92-18.72%2037.81-35.58%2046.5-53.86c-12.24-7.37-27.36-11.36-46.51-11.36c-17.79%200-20.39%205.18-20.39%2019.06c0%2012.56-6.53%2020.54-14.34%2030.65C137.8%20109.1%20128%20121.77%20128%20140.84c0%2010.23%201.29%2018.77%204.2%2026.37q3.5-5.32%207.62-10.64m190.52%2083.17c-9.33%205.92-19%2011.16-29.25%2016.71c-28.91%2015.68-56.21%2030.48-68.88%2056.28a63%2063%200%200%201-1.88%203.61a8%208%200%200%200%203.89%2011.3c12.31%205.1%2025.13%208.27%2038.91%208.27a111.42%20111.42%200%200%200%2078.24-31.37A107.45%20107.45%200%200%200%20384%20226.85a86.6%2086.6%200%200%200-1.33-15a8%208%200%200%200-13.8-4c-10.18%2011.47-22.93%2022-38.53%2031.89%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.37c-.81-9.23-8.86-16.44-18.55-16.44a18.63%2018.63%200%200%200-18.2%2014.07l-18.2%2088.36a35.6%2035.6%200%200%200-.93%207.87c0%2019.93%2016.68%2033.77%2037.33%2033.77s37.34-13.84%2037.34-33.77a36.2%2036.2%200%200%200-1.29-9.45Zm137.67%2039.52a42.7%2042.7%200%200%200-5.95-4.36L335.57%20355c-6.77-4.24-14-4.13-19.25%201a13.52%2013.52%200%200%200-2%2017.19l52.5%2069a38%2038%200%200%200%204%204.69c9.1%2010.16%2029.28%2010.72%2040.37%200c10.94-10.96%2010.81-30.39-.14-38.99m52.25-71.96h-70.42c-4.55%200-8.88%203.35-8.88%208.15s2.95%207.85%206.92%209.16l66.43%2020.55C467%20376%20480%20367.44%20480%20356.71c0-13.63-7.6-20.78-16.7-20.78m-335.08%208.15c0-4.95-4.55-8.15-9.45-8.15H48.35c-8.87%200-16.35%209.58-16.35%2020.31S44.62%20376%2054.3%20373.79l67.43-20.55c4.39-1.31%206.49-4.24%206.49-9.16m48.33%2010.97L107%20403.41a32.3%2032.3%200%200%200-6%204.34a26.33%2026.33%200%200%200%200%2038.56a29.41%2029.41%200%200%200%2040.36%200a31%2031%200%200%200%204-4.68L197.9%20373c3.5-5.57%202.92-12.48-2-17a15%2015%200%200%200-19.35-.95m116.91-112.66c10-5.42%2019.45-10.54%2028.31-16.16c42.46-26.92%2062.23-59%2062.23-101c0-64.66-56.07-104.4-108.82-109c-6.49-.57-15-.42-19.91%203.88s-5.88%2012.56-6.15%2019.1c-1.38%2033.61-28.38%2059-57%2085.86c-28%2026.3-56.93%2053.49-62.71%2091c-8.41%2054.68%2021.74%2086.71%2040.46%20100.93a31.88%2031.88%200%200%200%2019.3%206.51a32.3%2032.3%200%200%200%207.41-.87a31.75%2031.75%200%200%200%2021.27-16.95c14.91-30.39%2045.77-47.12%2075.61-63.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M139.82%20156.57c12.22-15.76%2027-29.68%2041.37-43.15c19.92-18.72%2037.81-35.58%2046.5-53.86c-12.24-7.37-27.36-11.36-46.51-11.36c-17.79%200-20.39%205.18-20.39%2019.06c0%2012.56-6.53%2020.54-14.34%2030.65C137.8%20109.1%20128%20121.77%20128%20140.84c0%2010.23%201.29%2018.77%204.2%2026.37q3.5-5.32%207.62-10.64m190.52%2083.17c-9.33%205.92-19%2011.16-29.25%2016.71c-28.91%2015.68-56.21%2030.48-68.88%2056.28a63%2063%200%200%201-1.88%203.61a8%208%200%200%200%203.89%2011.3c12.31%205.1%2025.13%208.27%2038.91%208.27a111.42%20111.42%200%200%200%2078.24-31.37A107.45%20107.45%200%200%200%20384%20226.85a86.6%2086.6%200%200%200-1.33-15a8%208%200%200%200-13.8-4c-10.18%2011.47-22.93%2022-38.53%2031.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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