Icône Donut2 Filled
reicon:donut2-filled
L'icône Donut2 Filled (reicon:donut2-filled) 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"><g fill="currentColor"><path d="M12.28 21.554a1.8 1.8 0 0 1 .664-1.926c.493-.364 1.078-.483 1.571-.366a.19.19 0 0 0 .181-.047a.18.18 0 0 0 .017-.233l-.093-.127c-.612-.827-.307-2.09.68-2.834a32 32 0 0 0-.471-.314l-.178-.116a32 32 0 0 1-.64-.425a3.73 3.73 0 0 1-2.01.584a3.74 3.74 0 0 1-2.763-1.214c-.407.221-.883.444-1.374.635c-.801.312-1.735.579-2.532.579c-1.03 0-2.094-.446-2.92-.9C3.64 18.986 7.469 22 12.002 22c.213 0 .34-.242.28-.446M9.75 12a2.25 2.25 0 1 1 3.83 1.602a.8.8 0 0 0-.142.126l-.01.012A2.25 2.25 0 0 1 9.75 12"/><path fill-rule="evenodd" d="M19.48 14.795c.707-.523 1.607-.539 2.147-.078A10 10 0 0 0 22 12a9.95 9.95 0 0 0-1.565-5.374l-.905.904a.75.75 0 1 1-1.06-1.06l1-1l.058-.053A9.98 9.98 0 0 0 12.001 2a9.95 9.95 0 0 0-5.375 1.565l.904.905a.75.75 0 1 1-1.06 1.06l-1-1l-.053-.058a9.98 9.98 0 0 0-3.381 8.372c.216.154.484.333.784.512c.818.487 1.752.894 2.512.894c.516 0 1.243-.187 1.987-.477c.42-.163.816-.348 1.145-.524a3.75 3.75 0 1 1 6.646.848l.371.245l.17.11c.477.313 1.062.7 1.38 1.018l.037.04c.475.059.901.28 1.182.66l.275.373a.086.086 0 0 0 .13.01a.1.1 0 0 0 .024-.075c-.078-.586.213-1.249.8-1.683M16.45 4.4a.75.75 0 0 1 .15 1.05l-1.5 2a.75.75 0 1 1-1.2-.9l1.5-2a.75.75 0 0 1 1.05-.15m-5.98-.93a.75.75 0 0 0 0 1.06l1 1a.75.75 0 1 0 1.06-1.06l-1-1a.75.75 0 0 0-1.06 0M8.41 7.56a.75.75 0 0 0 .918.53l1.366-.366a.75.75 0 0 0-.388-1.448l-1.366.366a.75.75 0 0 0-.53.918m-2.513-.386a.75.75 0 0 0-.372.993l.585 1.287a.75.75 0 0 0 1.365-.62L6.89 7.545a.75.75 0 0 0-.993-.372m10.854 3.964a.75.75 0 0 0 .714-.784L17.4 8.941a.75.75 0 0 0-1.498.07l.066 1.414a.75.75 0 0 0 .784.713m1.686.92a.75.75 0 0 0 1.058.068l1.678-1.478a.75.75 0 0 0-.99-1.126L18.503 11a.75.75 0 0 0-.067 1.059M6.943 10.896a.75.75 0 0 1 .162 1.048l-.835 1.141a.75.75 0 0 1-1.21-.886l.835-1.14a.75.75 0 0 1 1.048-.163M3.563 8.19a.75.75 0 0 0-.707.79l.078 1.413a.75.75 0 0 0 1.498-.084l-.079-1.412a.75.75 0 0 0-.79-.707" clip-rule="evenodd"/></g></svg>Comment utiliser l'icône Donut2 Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:donut2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:donut2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:donut2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--donut2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:donut2-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:donut2-filled"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/reicon/donut2-filled.svg" alt="Icône Donut2 Filled" width="24" height="24">Icônes similaires dans Reicon
FAQ : Icône Donut2 Filled
L'icône Donut2 Filled 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 Donut2 Filled dans React ?
Installez @iconify/react et affichez <Icon icon="reicon:donut2-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Donut2 Filled à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/donut2-filled.svg" alt="Icône Donut2 Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.