Icône Pipette
reicon:pipette
L'icône Pipette (reicon:pipette) 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="M20.264 3.736a3.367 3.367 0 0 0-4.762 0l-1.455 1.456a.75.75 0 0 1-1.061 0L11.894 4.1a.794.794 0 1 0-1.122 1.123l8.005 8.005a.794.794 0 0 0 1.123-1.122l-1.092-1.092a.75.75 0 0 1 0-1.06l1.456-1.456a3.367 3.367 0 0 0 0-4.762m-5.822-1.06a4.867 4.867 0 1 1 6.883 6.882l-.926.926l.562.561a2.294 2.294 0 0 1-3.244 3.244l-.562-.561l-6.094 6.093l-.066.067c-.39.391-.695.696-1.07.894a2.8 2.8 0 0 1-.792.278c-.416.08-.844.032-1.393-.03l-.094-.01l-.476-.053a4 4 0 0 0-.285-.027a1.3 1.3 0 0 0-.885.31c-.035.03-.072.066-.205.2l-.63.628a2.294 2.294 0 1 1-3.243-3.244l.629-.629c.133-.133.17-.17.2-.205c.208-.247.319-.562.31-.885a4 4 0 0 0-.028-.285l-.053-.476l-.01-.094c-.061-.549-.11-.977-.03-1.394a2.8 2.8 0 0 1 .277-.791c.2-.375.504-.68.895-1.07l.067-.067l6.093-6.093l-.561-.562a2.294 2.294 0 1 1 3.244-3.244l.561.562zm-3.109 5.23l-6.094 6.093c-.489.489-.617.628-.696.778q-.093.175-.13.369c-.031.167-.018.355.058 1.043l.056.5c.017.15.03.267.033.382c.02.694-.217 1.37-.666 1.9c-.075.087-.158.17-.265.277l-.018.018l-.628.629a.794.794 0 1 0 1.122 1.122l.647-.646c.107-.107.19-.19.277-.265a2.8 2.8 0 0 1 1.9-.666c.115.003.231.016.382.033l.5.056c.688.076.876.09 1.043.058a1.3 1.3 0 0 0 .369-.13c.15-.08.289-.207.778-.696l1.438-1.439L10.116 16a.75.75 0 0 1 1.06-1.06l1.324 1.323l.94-.94L12.115 14a.75.75 0 0 1 1.06-1.06l1.324 1.323l1.595-1.595z" clip-rule="evenodd"/></svg>Comment utiliser l'icône Pipette
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:pipette" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:pipette" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:pipette" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--pipette]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:pipette"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:pipette"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/reicon/pipette.svg" alt="Icône Pipette" width="24" height="24">Icônes similaires dans Reicon
L'icône Pipette dans d'autres collections
FAQ : Icône Pipette
L'icône Pipette 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 Pipette dans React ?
Installez @iconify/react et affichez <Icon icon="reicon:pipette" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pipette à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/pipette.svg" alt="Icône Pipette">, ou collez le code SVG directement dans la page pour le styliser en CSS.