Icône Fuel Bold
solar:fuel-bold
L'icône Fuel Bold (solar:fuel-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar 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
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface
- Mots-clés
- fuelbold
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="M2 13.0869C2 10.9906 2 9.94241 2.55325 9.14745C2.99989 8.50568 3.71844 8.15634 5 7.68117V7.06009C5 5.75506 5 5.10254 5.33815 4.65303C5.4252 4.53731 5.52676 4.43372 5.64021 4.34492C6.08089 4 6.7206 4 8 4H8.81818C9.32544 4 9.57907 4 9.78716 4.05687C10.3519 4.21122 10.7929 4.66113 10.9442 5.23713L11.0162 5.53028L14.0179 4.45927C17.6539 3.16195 19.4718 2.51329 20.7359 3.42756C22 4.34183 22 6.30539 22 10.2325V15.8834C22 18.7668 22 20.2085 21.1213 21.1042C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1042C2 20.2085 2 18.7668 2 15.8834V13.0869ZM7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L10.0303 10.9697C10.0687 11.008 10.102 11.0495 10.1304 11.0933C10.564 11 11.1561 11 12 11C12.8313 11 13.4182 11 13.8501 11.0892L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L14.9108 12.1499C15 12.5818 15 13.1687 15 14C15 14.8313 15 15.4182 14.9108 15.8501L16.5303 17.4697C16.8232 17.7626 16.8232 18.2374 16.5303 18.5303C16.2374 18.8232 15.7626 18.8232 15.4697 18.5303L13.8501 16.9108C13.4182 17 12.8313 17 12 17C11.1687 17 10.5818 17 10.1499 16.9108L8.53033 18.5303C8.23744 18.8232 7.76256 18.8232 7.46967 18.5303C7.17678 18.2374 7.17678 17.7626 7.46967 17.4697L9.08923 15.8501C9 15.4182 9 14.8313 9 14C9 13.1561 9 12.564 9.09334 12.1304C9.04954 12.102 9.00804 12.0687 8.96967 12.0303L7.46967 10.5303Z" clip-rule="evenodd"/></svg>Comment utiliser l'icône Fuel Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:fuel-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:fuel-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:fuel-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--fuel-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:fuel-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:fuel-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/solar/fuel-bold.svg" alt="Icône Fuel Bold" width="24" height="24">Icônes similaires dans Solar
FAQ : Icône Fuel Bold
L'icône Fuel Bold est-elle gratuite pour un usage commercial ?
Oui. Les Solar 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 Fuel Bold dans React ?
Installez @iconify/react et affichez <Icon icon="solar:fuel-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Fuel Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/fuel-bold.svg" alt="Icône Fuel Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.