Icône Burn
cil:burn
L'icône Burn (cil:burn) est une icône SVG gratuite de la collection CoreUI Free par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 512 × 512. Les CoreUI Free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- CoreUI Free
- Auteur
- creativeLabs Łukasz Holeczek
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M311.145 257.6c5.5-9.032 11.185-18.371 16.8-28c18.794-32.218 22.243-64.681 10.254-96.489C314.008 68.933 233.142 29.83 214.421 23.591L201.257 19.2l-20.546 41.1l9.915 8.1c.111.089 11.124 9.712 11.858 24.3c.627 12.453-6.2 25.91-20.286 40c-9.782 9.781-20.518 19.239-31.885 29.251C102.487 204.069 48.28 251.82 48.28 342.154q0 1.861.035 3.7a151.36 151.36 0 0 0 46.444 106.49A154.18 154.18 0 0 0 202.583 496h92.1l-11.369-23.072c-46.193-93.751-13.526-147.403 27.831-215.328M202.583 464c-66.2 0-121.05-53.267-122.274-118.739q-.028-1.546-.029-3.107c0-75.878 46.356-116.713 91.186-156.2c11.239-9.9 22.862-20.138 33.359-30.637c20.754-20.753 30.719-42.365 29.619-64.232a65 65 0 0 0-7.214-26.56c27.84 15.211 67.523 44.053 81.027 79.877c8.544 22.665 5.943 45.26-7.951 69.079c-5.465 9.369-11.072 18.576-16.493 27.481C244.132 306.131 206.49 367.943 244.361 464Z"/><path fill="currentColor" d="M468.243 341.129q-.4-1.586-.834-3.185c-11.546-42.332-75.457-96.762-82.706-102.829l-14.557-12.182l-9.546 16.408c-21.753 37.4-40.421 71.512-48.559 110.212c-9.279 44.134-3.033 88.989 19.1 137.13l4.281 9.317H346.3a125.17 125.17 0 0 0 99.3-48.5a123.18 123.18 0 0 0 22.643-106.371m-47.88 86.683a93.3 93.3 0 0 1-64.44 35.7c-31.541-75.9-12.931-127.635 22.63-191.114c23.642 21.994 52.455 53.69 57.983 73.961q.349 1.283.669 2.554a91.37 91.37 0 0 1-16.842 78.899"/></svg>
Comment utiliser l'icône Burn
React
import { Icon } from "@iconify/react";
<Icon icon="cil:burn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:burn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:burn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--burn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:burn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:burn"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/cil/burn.svg" alt="Icône Burn" width="24" height="24">
L'icône Burn dans d'autres collections
FAQ : Icône Burn
L'icône Burn est-elle gratuite pour un usage commercial ?
Oui. Les CoreUI Free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Burn dans React ?
Installez @iconify/react et affichez <Icon icon="cil:burn" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Burn à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cil/burn.svg" alt="Icône Burn">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes CoreUI Free →
ICONYZ
