bonfire icon

bonfire-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: bonfire-sharp
Set: IonIcons
Style: Sharp
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="m199.89 336l-15.25-5.62a100.4 100.4 0 0 1-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11c5.2-33.73 44.2-74.21 69.34-97.87c27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9c-8 5-16.44 9.66-25.42 14.53c-30.63 16.62-75.29 49.83-85.73 85.32Zm-18.7-222.41C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14"/><path fill="currentColor" d="M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71c-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0 0 45.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 0 0 384 227a92.4 92.4 0 0 0-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85M268.72 360h-25.44a4 4 0 0 0-3.92 3.22l-25.36 128a4 4 0 0 0 3.92 4.78h76.26a4 4 0 0 0 3.92-4.78l-25.41-128a4 4 0 0 0-3.97-3.22m56.96-5.68l-11.36 11.36a4 4 0 0 0-.5 5.05l59.47 89.21a4 4 0 0 0 6.16.61l41.1-41.1a4 4 0 0 0-.61-6.16l-89.21-59.47a4 4 0 0 0-5.05.5M388 336a4 4 0 0 0-4 4v8.61a4 4 0 0 0 3.34 3.95l88 14.66a4 4 0 0 0 4.66-3.94V340a4 4 0 0 0-4-4Zm-201.68 18.32l11.36 11.36a4 4 0 0 1 .5 5.05l-59.47 89.21a4 4 0 0 1-6.16.61l-41.1-41.1a4 4 0 0 1 .61-6.16l89.21-59.47a4 4 0 0 1 5.05.5M124 336H36a4 4 0 0 0-4 4v23.28a4 4 0 0 0 4.66 3.94l88-14.66a4 4 0 0 0 3.34-3.95V340a4 4 0 0 0-4-4"/></svg>

React

import type { SVGProps } from "react";

export function IonBonfireSharp(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="m199.89 336l-15.25-5.62a100.4 100.4 0 0 1-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11c5.2-33.73 44.2-74.21 69.34-97.87c27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9c-8 5-16.44 9.66-25.42 14.53c-30.63 16.62-75.29 49.83-85.73 85.32Zm-18.7-222.41C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14"/><path fill="currentColor" d="M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71c-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0 0 45.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 0 0 384 227a92.4 92.4 0 0 0-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85M268.72 360h-25.44a4 4 0 0 0-3.92 3.22l-25.36 128a4 4 0 0 0 3.92 4.78h76.26a4 4 0 0 0 3.92-4.78l-25.41-128a4 4 0 0 0-3.97-3.22m56.96-5.68l-11.36 11.36a4 4 0 0 0-.5 5.05l59.47 89.21a4 4 0 0 0 6.16.61l41.1-41.1a4 4 0 0 0-.61-6.16l-89.21-59.47a4 4 0 0 0-5.05.5M388 336a4 4 0 0 0-4 4v8.61a4 4 0 0 0 3.34 3.95l88 14.66a4 4 0 0 0 4.66-3.94V340a4 4 0 0 0-4-4Zm-201.68 18.32l11.36 11.36a4 4 0 0 1 .5 5.05l-59.47 89.21a4 4 0 0 1-6.16.61l-41.1-41.1a4 4 0 0 1 .61-6.16l89.21-59.47a4 4 0 0 1 5.05.5M124 336H36a4 4 0 0 0-4 4v23.28a4 4 0 0 0 4.66 3.94l88-14.66a4 4 0 0 0 3.34-3.95V340a4 4 0 0 0-4-4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m199.89 336l-15.25-5.62a100.4 100.4 0 0 1-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11c5.2-33.73 44.2-74.21 69.34-97.87c27.24-25.62 66-65.85 64.15-99.15L262 16h15.18C328.53 16 384 53.62 384 114.41c0 45.57-22 77.61-68.91 106.9c-8 5-16.44 9.66-25.42 14.53c-30.63 16.62-75.29 49.83-85.73 85.32Zm-18.7-222.41C201 95 218.91 78.15 227.62 59.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56 16.49c.47 14.06-6.06 22.51-14.33 33.21C137.8 109.26 128 121.94 128 141c0 10.23 1.29 18.76 4.2 26.36q3.5-5.31 7.61-10.63c12.19-15.73 27.05-29.68 41.38-43.14"/><path fill="currentColor" d="M330.34 239.85c-9.31 5.9-19 11.14-29.25 16.71c-32.65 17.69-63.48 34.44-73.23 67.44l-.6 2a110.5 110.5 0 0 0 45.87 10c29.66 0 57.45-11.13 78.24-31.36A107.38 107.38 0 0 0 384 227a92.4 92.4 0 0 0-5.59-31c-11.35 16.18-27.14 30.58-48.07 43.85M268.72 360h-25.44a4 4 0 0 0-3.92 3.22l-25.36 128a4 4 0 0 0 3.92 4.78h76.26a4 4 0 0 0 3.92-4.78l-25.41-128a4 4 0 0 0-3.97-3.22m56.96-5.68l-11.36 11.36a4 4 0 0 0-.5 5.05l59.47 89.21a4 4 0 0 0 6.16.61l41.1-41.1a4 4 0 0 0-.61-6.16l-89.21-59.47a4 4 0 0 0-5.05.5M388 336a4 4 0 0 0-4 4v8.61a4 4 0 0 0 3.34 3.95l88 14.66a4 4 0 0 0 4.66-3.94V340a4 4 0 0 0-4-4Zm-201.68 18.32l11.36 11.36a4 4 0 0 1 .5 5.05l-59.47 89.21a4 4 0 0 1-6.16.61l-41.1-41.1a4 4 0 0 1 .61-6.16l89.21-59.47a4 4 0 0 1 5.05.5M124 336H36a4 4 0 0 0-4 4v23.28a4 4 0 0 0 4.66 3.94l88-14.66a4 4 0 0 0 3.34-3.95V340a4 4 0 0 0-4-4"/></svg>
</template>

CSS

.icon-bonfire-sharp {
  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%22m199.89%20336l-15.25-5.62a100.4%20100.4%200%200%201-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11c5.2-33.73%2044.2-74.21%2069.34-97.87c27.24-25.62%2066-65.85%2064.15-99.15L262%2016h15.18C328.53%2016%20384%2053.62%20384%20114.41c0%2045.57-22%2077.61-68.91%20106.9c-8%205-16.44%209.66-25.42%2014.53c-30.63%2016.62-75.29%2049.83-85.73%2085.32Zm-18.7-222.41C201%2095%20218.91%2078.15%20227.62%2059.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56%2016.49c.47%2014.06-6.06%2022.51-14.33%2033.21C137.8%20109.26%20128%20121.94%20128%20141c0%2010.23%201.29%2018.76%204.2%2026.36q3.5-5.31%207.61-10.63c12.19-15.73%2027.05-29.68%2041.38-43.14%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M330.34%20239.85c-9.31%205.9-19%2011.14-29.25%2016.71c-32.65%2017.69-63.48%2034.44-73.23%2067.44l-.6%202a110.5%20110.5%200%200%200%2045.87%2010c29.66%200%2057.45-11.13%2078.24-31.36A107.38%20107.38%200%200%200%20384%20227a92.4%2092.4%200%200%200-5.59-31c-11.35%2016.18-27.14%2030.58-48.07%2043.85M268.72%20360h-25.44a4%204%200%200%200-3.92%203.22l-25.36%20128a4%204%200%200%200%203.92%204.78h76.26a4%204%200%200%200%203.92-4.78l-25.41-128a4%204%200%200%200-3.97-3.22m56.96-5.68l-11.36%2011.36a4%204%200%200%200-.5%205.05l59.47%2089.21a4%204%200%200%200%206.16.61l41.1-41.1a4%204%200%200%200-.61-6.16l-89.21-59.47a4%204%200%200%200-5.05.5M388%20336a4%204%200%200%200-4%204v8.61a4%204%200%200%200%203.34%203.95l88%2014.66a4%204%200%200%200%204.66-3.94V340a4%204%200%200%200-4-4Zm-201.68%2018.32l11.36%2011.36a4%204%200%200%201%20.5%205.05l-59.47%2089.21a4%204%200%200%201-6.16.61l-41.1-41.1a4%204%200%200%201%20.61-6.16l89.21-59.47a4%204%200%200%201%205.05.5M124%20336H36a4%204%200%200%200-4%204v23.28a4%204%200%200%200%204.66%203.94l88-14.66a4%204%200%200%200%203.34-3.95V340a4%204%200%200%200-4-4%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%22m199.89%20336l-15.25-5.62a100.4%20100.4%200%200%201-32-23.08c-13.93-14.9-29.29-40.71-23.38-79.11c5.2-33.73%2044.2-74.21%2069.34-97.87c27.24-25.62%2066-65.85%2064.15-99.15L262%2016h15.18C328.53%2016%20384%2053.62%20384%20114.41c0%2045.57-22%2077.61-68.91%20106.9c-8%205-16.44%209.66-25.42%2014.53c-30.63%2016.62-75.29%2049.83-85.73%2085.32Zm-18.7-222.41C201%2095%20218.91%2078.15%20227.62%2059.79q-2.76-1.68-5.7-3.09c-11.87-5.69-26.1-8.34-44.76-8.34h-16.94l.56%2016.49c.47%2014.06-6.06%2022.51-14.33%2033.21C137.8%20109.26%20128%20121.94%20128%20141c0%2010.23%201.29%2018.76%204.2%2026.36q3.5-5.31%207.61-10.63c12.19-15.73%2027.05-29.68%2041.38-43.14%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M330.34%20239.85c-9.31%205.9-19%2011.14-29.25%2016.71c-32.65%2017.69-63.48%2034.44-73.23%2067.44l-.6%202a110.5%20110.5%200%200%200%2045.87%2010c29.66%200%2057.45-11.13%2078.24-31.36A107.38%20107.38%200%200%200%20384%20227a92.4%2092.4%200%200%200-5.59-31c-11.35%2016.18-27.14%2030.58-48.07%2043.85M268.72%20360h-25.44a4%204%200%200%200-3.92%203.22l-25.36%20128a4%204%200%200%200%203.92%204.78h76.26a4%204%200%200%200%203.92-4.78l-25.41-128a4%204%200%200%200-3.97-3.22m56.96-5.68l-11.36%2011.36a4%204%200%200%200-.5%205.05l59.47%2089.21a4%204%200%200%200%206.16.61l41.1-41.1a4%204%200%200%200-.61-6.16l-89.21-59.47a4%204%200%200%200-5.05.5M388%20336a4%204%200%200%200-4%204v8.61a4%204%200%200%200%203.34%203.95l88%2014.66a4%204%200%200%200%204.66-3.94V340a4%204%200%200%200-4-4Zm-201.68%2018.32l11.36%2011.36a4%204%200%200%201%20.5%205.05l-59.47%2089.21a4%204%200%200%201-6.16.61l-41.1-41.1a4%204%200%200%201%20.61-6.16l89.21-59.47a4%204%200%200%201%205.05.5M124%20336H36a4%204%200%200%200-4%204v23.28a4%204%200%200%200%204.66%203.94l88-14.66a4%204%200%200%200%203.34-3.95V340a4%204%200%200%200-4-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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