Icône Bonfire
reicon:bonfire
L'icône Bonfire (reicon:bonfire) est une icône SVG gratuite de la collection Reicon. Elle est dessinée sur une grille de 24 × 24. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>Comment utiliser l'icône Bonfire
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:bonfire" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:bonfire" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:bonfire" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bonfire]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bonfire"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:bonfire"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/reicon/bonfire.svg" alt="Icône Bonfire" width="24" height="24">Icônes similaires dans Reicon
L'icône Bonfire dans d'autres collections
FAQ : Icône Bonfire
L'icône Bonfire est-elle gratuite pour un usage commercial ?
Oui. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Bonfire dans React ?
Installez @iconify/react et affichez <Icon icon="reicon:bonfire" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bonfire à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/bonfire.svg" alt="Icône Bonfire">, ou collez le code SVG directement dans la page pour le styliser en CSS.