bonfire icon
bonfire from Reicon by REICON · Outline · Nature · MIT Free for personal and commercial use.
- Name
- bonfire
- Set
- Reicon
- Style
- Outline
- Category
- Nature
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All bonfire icons →More nature icons from Reicon
Use the bonfire icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.669 1.51a1.96 1.96 0 0 1 2.182.155c1.848 1.385 3.9 3.78 3.9 7.142c0 2.733-1.196 4.506-2.722 5.57c-1.487 1.036-3.247 1.373-4.429 1.373a6.6 6.6 0 0 1-3.967-1.402c-1.356-1.08-2.383-2.85-2.383-5.54c0-2.424 1.406-3.982 2.594-4.778c.92-.618 2.292-.216 2.472 1.04c.065.46.302.787.472.898q.03.018.045.025a.5.5 0 0 0 .095-.116c.482-.757.675-1.838.675-2.488c0-.82.433-1.517 1.066-1.879m-1.856 4.496l.005-.002zm.036-.008l.003.001zm2.563-3.184a.65.65 0 0 0-.309.575c0 .835-.228 2.223-.91 3.294c-.248.388-.598.687-1.049.784c-.447.096-.86-.036-1.176-.243c-.61-.398-1.025-1.156-1.137-1.941l-.007-.027l-.003-.006l-.01-.006c-.013-.005-.061-.016-.132.032c-.917.615-1.929 1.76-1.929 3.531c0 2.263.84 3.59 1.817 4.368A5.1 5.1 0 0 0 11.6 14.25c.952 0 2.392-.282 3.572-1.104c1.14-.794 2.078-2.117 2.078-4.339c0-2.7-1.646-4.703-3.299-5.942c-.2-.15-.387-.138-.54-.051m1.804 6.468a.75.75 0 0 1 .503.934c-.27.896-1.384 2.534-3.719 2.534a.75.75 0 0 1 0-1.5c1.506 0 2.15-1.028 2.282-1.466a.75.75 0 0 1 .934-.502M3.313 14.699a.75.75 0 0 1 .988-.386l5 2.187a.75.75 0 1 1-.601 1.375l-5-2.188a.75.75 0 0 1-.387-.988m17.374 0a.75.75 0 0 1-.386.988l-16 7a.75.75 0 0 1-.601-1.374l16-7a.75.75 0 0 1 .987.386m-6.874 4.594a.75.75 0 0 1 .988-.386l5.5 2.406a.75.75 0 1 1-.601 1.374l-5.5-2.406a.75.75 0 0 1-.387-.988" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBonfire(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12.669 1.51a1.96 1.96 0 0 1 2.182.155c1.848 1.385 3.9 3.78 3.9 7.142c0 2.733-1.196 4.506-2.722 5.57c-1.487 1.036-3.247 1.373-4.429 1.373a6.6 6.6 0 0 1-3.967-1.402c-1.356-1.08-2.383-2.85-2.383-5.54c0-2.424 1.406-3.982 2.594-4.778c.92-.618 2.292-.216 2.472 1.04c.065.46.302.787.472.898q.03.018.045.025a.5.5 0 0 0 .095-.116c.482-.757.675-1.838.675-2.488c0-.82.433-1.517 1.066-1.879m-1.856 4.496l.005-.002zm.036-.008l.003.001zm2.563-3.184a.65.65 0 0 0-.309.575c0 .835-.228 2.223-.91 3.294c-.248.388-.598.687-1.049.784c-.447.096-.86-.036-1.176-.243c-.61-.398-1.025-1.156-1.137-1.941l-.007-.027l-.003-.006l-.01-.006c-.013-.005-.061-.016-.132.032c-.917.615-1.929 1.76-1.929 3.531c0 2.263.84 3.59 1.817 4.368A5.1 5.1 0 0 0 11.6 14.25c.952 0 2.392-.282 3.572-1.104c1.14-.794 2.078-2.117 2.078-4.339c0-2.7-1.646-4.703-3.299-5.942c-.2-.15-.387-.138-.54-.051m1.804 6.468a.75.75 0 0 1 .503.934c-.27.896-1.384 2.534-3.719 2.534a.75.75 0 0 1 0-1.5c1.506 0 2.15-1.028 2.282-1.466a.75.75 0 0 1 .934-.502M3.313 14.699a.75.75 0 0 1 .988-.386l5 2.187a.75.75 0 1 1-.601 1.375l-5-2.188a.75.75 0 0 1-.387-.988m17.374 0a.75.75 0 0 1-.386.988l-16 7a.75.75 0 0 1-.601-1.374l16-7a.75.75 0 0 1 .987.386m-6.874 4.594a.75.75 0 0 1 .988-.386l5.5 2.406a.75.75 0 1 1-.601 1.374l-5.5-2.406a.75.75 0 0 1-.387-.988" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.669 1.51a1.96 1.96 0 0 1 2.182.155c1.848 1.385 3.9 3.78 3.9 7.142c0 2.733-1.196 4.506-2.722 5.57c-1.487 1.036-3.247 1.373-4.429 1.373a6.6 6.6 0 0 1-3.967-1.402c-1.356-1.08-2.383-2.85-2.383-5.54c0-2.424 1.406-3.982 2.594-4.778c.92-.618 2.292-.216 2.472 1.04c.065.46.302.787.472.898q.03.018.045.025a.5.5 0 0 0 .095-.116c.482-.757.675-1.838.675-2.488c0-.82.433-1.517 1.066-1.879m-1.856 4.496l.005-.002zm.036-.008l.003.001zm2.563-3.184a.65.65 0 0 0-.309.575c0 .835-.228 2.223-.91 3.294c-.248.388-.598.687-1.049.784c-.447.096-.86-.036-1.176-.243c-.61-.398-1.025-1.156-1.137-1.941l-.007-.027l-.003-.006l-.01-.006c-.013-.005-.061-.016-.132.032c-.917.615-1.929 1.76-1.929 3.531c0 2.263.84 3.59 1.817 4.368A5.1 5.1 0 0 0 11.6 14.25c.952 0 2.392-.282 3.572-1.104c1.14-.794 2.078-2.117 2.078-4.339c0-2.7-1.646-4.703-3.299-5.942c-.2-.15-.387-.138-.54-.051m1.804 6.468a.75.75 0 0 1 .503.934c-.27.896-1.384 2.534-3.719 2.534a.75.75 0 0 1 0-1.5c1.506 0 2.15-1.028 2.282-1.466a.75.75 0 0 1 .934-.502M3.313 14.699a.75.75 0 0 1 .988-.386l5 2.187a.75.75 0 1 1-.601 1.375l-5-2.188a.75.75 0 0 1-.387-.988m17.374 0a.75.75 0 0 1-.386.988l-16 7a.75.75 0 0 1-.601-1.374l16-7a.75.75 0 0 1 .987.386m-6.874 4.594a.75.75 0 0 1 .988-.386l5.5 2.406a.75.75 0 1 1-.601 1.374l-5.5-2.406a.75.75 0 0 1-.387-.988" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.669%201.51a1.96%201.96%200%200%201%202.182.155c1.848%201.385%203.9%203.78%203.9%207.142c0%202.733-1.196%204.506-2.722%205.57c-1.487%201.036-3.247%201.373-4.429%201.373a6.6%206.6%200%200%201-3.967-1.402c-1.356-1.08-2.383-2.85-2.383-5.54c0-2.424%201.406-3.982%202.594-4.778c.92-.618%202.292-.216%202.472%201.04c.065.46.302.787.472.898q.03.018.045.025a.5.5%200%200%200%20.095-.116c.482-.757.675-1.838.675-2.488c0-.82.433-1.517%201.066-1.879m-1.856%204.496l.005-.002zm.036-.008l.003.001zm2.563-3.184a.65.65%200%200%200-.309.575c0%20.835-.228%202.223-.91%203.294c-.248.388-.598.687-1.049.784c-.447.096-.86-.036-1.176-.243c-.61-.398-1.025-1.156-1.137-1.941l-.007-.027l-.003-.006l-.01-.006c-.013-.005-.061-.016-.132.032c-.917.615-1.929%201.76-1.929%203.531c0%202.263.84%203.59%201.817%204.368A5.1%205.1%200%200%200%2011.6%2014.25c.952%200%202.392-.282%203.572-1.104c1.14-.794%202.078-2.117%202.078-4.339c0-2.7-1.646-4.703-3.299-5.942c-.2-.15-.387-.138-.54-.051m1.804%206.468a.75.75%200%200%201%20.503.934c-.27.896-1.384%202.534-3.719%202.534a.75.75%200%200%201%200-1.5c1.506%200%202.15-1.028%202.282-1.466a.75.75%200%200%201%20.934-.502M3.313%2014.699a.75.75%200%200%201%20.988-.386l5%202.187a.75.75%200%201%201-.601%201.375l-5-2.188a.75.75%200%200%201-.387-.988m17.374%200a.75.75%200%200%201-.386.988l-16%207a.75.75%200%200%201-.601-1.374l16-7a.75.75%200%200%201%20.987.386m-6.874%204.594a.75.75%200%200%201%20.988-.386l5.5%202.406a.75.75%200%201%201-.601%201.374l-5.5-2.406a.75.75%200%200%201-.387-.988%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.669%201.51a1.96%201.96%200%200%201%202.182.155c1.848%201.385%203.9%203.78%203.9%207.142c0%202.733-1.196%204.506-2.722%205.57c-1.487%201.036-3.247%201.373-4.429%201.373a6.6%206.6%200%200%201-3.967-1.402c-1.356-1.08-2.383-2.85-2.383-5.54c0-2.424%201.406-3.982%202.594-4.778c.92-.618%202.292-.216%202.472%201.04c.065.46.302.787.472.898q.03.018.045.025a.5.5%200%200%200%20.095-.116c.482-.757.675-1.838.675-2.488c0-.82.433-1.517%201.066-1.879m-1.856%204.496l.005-.002zm.036-.008l.003.001zm2.563-3.184a.65.65%200%200%200-.309.575c0%20.835-.228%202.223-.91%203.294c-.248.388-.598.687-1.049.784c-.447.096-.86-.036-1.176-.243c-.61-.398-1.025-1.156-1.137-1.941l-.007-.027l-.003-.006l-.01-.006c-.013-.005-.061-.016-.132.032c-.917.615-1.929%201.76-1.929%203.531c0%202.263.84%203.59%201.817%204.368A5.1%205.1%200%200%200%2011.6%2014.25c.952%200%202.392-.282%203.572-1.104c1.14-.794%202.078-2.117%202.078-4.339c0-2.7-1.646-4.703-3.299-5.942c-.2-.15-.387-.138-.54-.051m1.804%206.468a.75.75%200%200%201%20.503.934c-.27.896-1.384%202.534-3.719%202.534a.75.75%200%200%201%200-1.5c1.506%200%202.15-1.028%202.282-1.466a.75.75%200%200%201%20.934-.502M3.313%2014.699a.75.75%200%200%201%20.988-.386l5%202.187a.75.75%200%201%201-.601%201.375l-5-2.188a.75.75%200%200%201-.387-.988m17.374%200a.75.75%200%200%201-.386.988l-16%207a.75.75%200%200%201-.601-1.374l16-7a.75.75%200%200%201%20.987.386m-6.874%204.594a.75.75%200%200%201%20.988-.386l5.5%202.406a.75.75%200%201%201-.601%201.374l-5.5-2.406a.75.75%200%200%201-.387-.988%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/bonfire.svg?color=%231a73e8&size=48
