Icône Butting In
flat-color-icons:butting-in
L'icône Butting In (flat-color-icons:butting-in) est une icône SVG gratuite de la collection Flat Color Icons par Icons8. Elle est dessinée sur une grille de 48 × 48. Les Flat Color 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.
- Collection
- Flat Color Icons
- Auteur
- Icons8
- Licence
- MIT
- Taille
- 48 × 48
- Mots-clés
- buttingin
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#CFD8DC" d="M24 3C12.4 3 3 12.4 3 24s9.4 21 21 21c.3 0 .7 0 1-.1V3.1c-.3-.1-.7-.1-1-.1"/><path fill="#37474F" d="M25 3.1V45c4.1-.2 7.9-1.5 11-3.7V6.8c-3.1-2.2-6.9-3.6-11-3.7"/><path fill="#FFB74D" d="M20.5 13c-6.4.3-11.6 5.7-11.5 12.1c0 2.8 1 5.4 2.7 7.5c1.4 1.7 2.3 3.9 2.3 6.1v3.8c3 1.6 6.4 2.5 10 2.5c.3 0 .7 0 1-.1c.7 0 1.3-.1 2-.2v-9.4c3.6-2.1 6-5.9 6-10.4c0-6.7-5.6-12.2-12.5-11.9"/><path fill="#FFB74D" d="m29 38.6l-4-.6v-9h8l-.7 7c-.2 1.6-1.6 2.8-3.3 2.6"/><path fill="#FFB74D" d="m39 29l-7 2l-1-5l1-4z"/><circle cx="29.5" cy="25.5" r="1.5" fill="#784719"/><path fill="#FF5722" d="M21 12c-7.2 0-13 5.8-13 13c0 7.6 5.1 9 6 13l4-3v-8l5-2l1-4c3.2 0 6-3.9 6-6.1c-2.1-1.9-5.6-2.9-9-2.9"/><circle cx="19" cy="27" r="3" fill="#FFB74D"/><path fill="#CFD8DC" d="M45 24c0-7.1-3.6-13.4-9-17.2v34.4c5.4-3.8 9-10.1 9-17.2"/><path fill="#FF9800" d="M20 44.6c1.3.2 2.6.4 4 .4c.3 0 .7 0 1-.1c.7 0 1.3-.1 2-.2v-6.5l-7-1z"/></svg>Comment utiliser l'icône Butting In
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:butting-in" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:butting-in" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:butting-in" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--butting-in]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:butting-in"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:butting-in"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/flat-color-icons/butting-in.svg" alt="Icône Butting In" width="24" height="24">FAQ : Icône Butting In
L'icône Butting In est-elle gratuite pour un usage commercial ?
Oui. Les Flat Color Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Butting In dans React ?
Installez @iconify/react et affichez <Icon icon="flat-color-icons:butting-in" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Butting In à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/flat-color-icons/butting-in.svg" alt="Icône Butting In">, ou collez le code SVG directement dans la page pour le styliser en CSS.