Bonfire Bold icon
solar:bonfire-bold
The Bonfire Bold icon (solar:bonfire-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Nature
- Tags
- bonfirebold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M3.31307 14.6996C3.4791 14.3201 3.92132 14.147 4.3008 14.3131L9.3008 16.5006C9.68029 16.6666 9.85333 17.1088 9.68731 17.4883C9.52128 17.8678 9.07906 18.0408 8.69957 17.8748L3.69958 15.6873C3.32009 15.5213 3.14705 15.0791 3.31307 14.6996ZM20.6873 14.6996C20.8533 15.0791 20.6803 15.5213 20.3008 15.6873L4.3008 22.6873C3.92132 22.8533 3.4791 22.6803 3.31307 22.3008C3.14705 21.9213 3.32009 21.4791 3.69958 21.3131L19.6996 14.3131C20.0791 14.147 20.5213 14.3201 20.6873 14.6996ZM13.8131 19.2933C13.9791 18.9138 14.4213 18.7408 14.8008 18.9068L20.3008 21.3131C20.6803 21.4791 20.8533 21.9213 20.6873 22.3008C20.5213 22.6803 20.0791 22.8533 19.6996 22.6873L14.1996 20.2811C13.8201 20.115 13.647 19.6728 13.8131 19.2933Z"/><path d="M11.6 15C13.7333 15 18 13.7615 18 8.80745C18 5.776 16.1512 3.5774 14.4009 2.2646C13.503 1.59108 12.3529 2.28965 12.3529 3.38896C12.3529 4.13169 12.1424 5.36614 11.5596 6.27998C10.8777 7.34944 9.75127 6.421 9.57296 5.17624C9.48354 4.55201 8.79638 4.29388 8.26099 4.65274C7.20839 5.35826 6 6.71017 6 8.80745C6 13.7615 9.73333 15 11.6 15ZM15.2155 9.28163C15.6123 9.40065 15.8374 9.81877 15.7184 10.2155C15.4495 11.1119 14.3344 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C13.5056 11.25 14.1505 10.2215 14.2816 9.78449C14.4007 9.38774 14.8188 9.16261 15.2155 9.28163Z"/></g></svg>How to use the Bonfire Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bonfire-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bonfire-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bonfire-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bonfire-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bonfire-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bonfire-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/bonfire-bold.svg" alt="Bonfire Bold icon" width="24" height="24">Related icons in Solar
Bonfire Bold icon FAQ
Is the Bonfire Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Bonfire Bold icon in React?
Install @iconify/react and render <Icon icon="solar:bonfire-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bonfire Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bonfire-bold.svg" alt="Bonfire Bold icon">, or paste the SVG code inline to style it with CSS.