ICONYZ
Français
Icône Whisk de Reicon

Icône Whisk

reicon:whisk

L'icône Whisk (reicon:whisk) 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.

Collection
Reicon
Auteur
REICON
Licence
MIT
Taille
24 × 24
Catégorie
Nourriture
Télécharger le 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="M17.952 2.874c-1.812-.406-4.017.2-5.658 1.84c-1.168 1.168-2.079 2.91-2.43 4.614a6.8 6.8 0 0 0-.144 1.834c.185-.354.4-.713.628-1.064c.971-1.493 2.316-3.043 3.229-3.956c.914-.914 2.271-2.066 3.579-2.842c.261-.155.528-.3.796-.426m3.127.047c-2.6-2.6-7.087-2.025-9.846.733c-1.39 1.39-2.432 3.403-2.838 5.371a9 9 0 0 0-.187 1.68L2.304 16.61a3.597 3.597 0 1 0 5.086 5.087l5.906-5.906a9 9 0 0 0 1.679-.186c1.968-.407 3.981-1.449 5.371-2.839c2.759-2.758 3.333-7.244.733-9.845m-1.06 1.06c-.046-.044-.178-.134-.587-.05c-.403.083-.921.31-1.51.66c-1.17.693-2.429 1.756-3.285 2.612s-2.13 2.327-3.032 3.713c-.454.698-.785 1.331-.937 1.83c-.075.247-.094.422-.086.532a.3.3 0 0 0 .018.093l.01.018l.018.01a.3.3 0 0 0 .094.019c.11.008.284-.01.533-.087c.498-.152 1.131-.482 1.83-.936c1.385-.902 2.855-2.175 3.712-3.032c.857-.856 1.92-2.115 2.613-3.284c.35-.59.576-1.107.66-1.51c.083-.41-.007-.542-.052-.587m-7.18 10.299c.354-.185.712-.4 1.063-.628c1.493-.97 3.043-2.315 3.956-3.228c.915-.915 2.066-2.272 2.842-3.58c.155-.26.3-.528.426-.796c.406 1.812-.2 4.017-1.84 5.658c-1.168 1.167-2.91 2.078-4.615 2.43a6.8 6.8 0 0 1-1.832.144m-1.417 1.264a4.4 4.4 0 0 1-1.872-1.095a4.4 4.4 0 0 1-1.094-1.87l-5.091 5.09a2.097 2.097 0 1 0 2.966 2.965z" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Whisk

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:whisk" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:whisk" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:whisk" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--whisk]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:whisk"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:whisk"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/reicon/whisk.svg" alt="Icône Whisk" width="24" height="24">

Icônes similaires dans Reicon

L'icône Whisk dans d'autres collections

FAQ : Icône Whisk

L'icône Whisk 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 Whisk dans React ?

Installez @iconify/react et affichez <Icon icon="reicon:whisk" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Whisk à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/whisk.svg" alt="Icône Whisk">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Reicon →