Icône Infuse
simple-icons:infuse
L'icône Infuse (simple-icons:infuse) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, 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.
- Collection
- Simple Icons
- Auteur
- Simple Icons Collaborators
- Licence
- CC0-1.0
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.802 7.736c0 .502-.035.8-.146 1.24a5.1 5.1 0 0 1-.968 1.932c-.176.218-.574.61-.778.764c-.077.06-2.619 1.894-5.65 4.077a842 842 0 0 0-5.638 4.077a2.6 2.6 0 0 0-.55.715a2.39 2.39 0 0 0 1.003 3.18c.703.379 1.622.372 2.293-.02a2322 2322 0 0 0 11.378-8.184a6 6 0 0 0 .845-.849a4.78 4.78 0 0 0 .76-4.416a4.86 4.86 0 0 0-1.354-2.068a15 15 0 0 0-.673-.518c-.257-.185-.48-.35-.497-.361c-.02-.017-.025.089-.025.43M4.31 5.62c-.903.2-1.573.844-1.822 1.75l-.066.234v7.712l.064.227c.302 1.093 1.212 1.8 2.316 1.8c1.158 0 2.12-.794 2.349-1.945c.044-.223.044-7.654 0-7.877a2.5 2.5 0 0 0-.23-.656A2.38 2.38 0 0 0 5.393 5.64a3 3 0 0 0-1.083-.02M6.642.03a4.79 4.79 0 0 0-4.126 3.777c-.054.263-.124.912-.1.936a1 1 0 0 0 .208-.12a4.2 4.2 0 0 1 1.393-.572c.335-.073 1.005-.09 1.366-.037c.596.089 1.104.295 1.705.698c.103.07 1.913 1.376 4.02 2.902c2.107 1.529 3.884 2.804 3.95 2.837c.098.049.15.058.328.058c.185 0 .228-.009.352-.068c.187-.091.654-.555.834-.834c.882-1.341.71-3.078-.41-4.185c-.143-.143-.938-.726-3.273-2.417C11.196 1.779 9.706.716 9.584.645A4.8 4.8 0 0 0 6.642.03"/></svg>Comment utiliser l'icône Infuse
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:infuse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:infuse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:infuse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--infuse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:infuse"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:infuse"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/infuse.svg" alt="Icône Infuse" width="24" height="24">L'icône Infuse dans d'autres collections
FAQ : Icône Infuse
L'icône Infuse est-elle gratuite pour un usage commercial ?
Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Infuse dans React ?
Installez @iconify/react et affichez <Icon icon="simple-icons:infuse" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Infuse à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/infuse.svg" alt="Icône Infuse">, ou collez le code SVG directement dans la page pour le styliser en CSS.