Icône Dumpling
fluent-emoji-high-contrast:dumpling
L'icône Dumpling (fluent-emoji-high-contrast:dumpling) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Nourriture et boissons
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGkRCCwb7V)"><path fill="currentColor" d="m28.021 3.003l1.873 1.853a7.36 7.36 0 0 1 0 10.418l-14.61 14.61a7.36 7.36 0 0 1-10.418 0l-1.494-1.493a5 5 0 0 1-.323-.323L2.981 28l-.089-.113a6 6 0 0 1-.456-.653l-.004-.008l-.005-.007c-.686-1.192-.58-2.532-.524-3.234l.024-.3c.06-.74.081-1.003.03-1.202c-.057-.21-.217-.442-.666-1.094l-.135-.195C.76 20.62 0 19.516 0 18.15c0-1.364.758-2.469 1.154-3.046l.139-.202c.446-.65.606-.883.664-1.095c.051-.199.03-.461-.03-1.202l-.024-.3c-.056-.702-.162-2.042.524-3.234l.002-.003c.673-1.162 1.872-1.733 2.494-2.028l.158-.076c.76-.362 1.042-.496 1.215-.668c.171-.172.303-.447.657-1.19l.087-.182c.298-.624.872-1.825 2.043-2.498c1.19-.685 2.53-.579 3.232-.523l.3.024c.74.06 1.003.081 1.202.03c.21-.057.442-.217 1.094-.666l.195-.135C15.68.76 16.784 0 18.15 0c1.359 0 2.462.758 3.035 1.153l.19.13c.659.453.895.616 1.108.674c.199.051.461.03 1.202-.03l.3-.024c.702-.056 2.042-.162 3.234.524l.007.005l.008.004c.279.164.521.342.728.517zm-6.688.63c-.347-.182-.687-.42-1.026-.656C19.605 2.488 18.904 2 18.15 2c-.761 0-1.462.49-2.163.979c-.258.18-.516.36-.777.517l1.07 3.254c.16.53-.15 1.09-.68 1.25s-1.09-.15-1.25-.69l-1.096-3.331a16 16 0 0 1-.782-.055c-.858-.075-1.722-.15-2.392.236c-.644.37-1.003 1.13-1.365 1.902c-.124.263-.249.527-.385.777l2.4 2.471c.39.39.39 1.03 0 1.42s-1.03.39-1.42 0L6.924 8.283c-.277.156-.574.295-.87.434c-.768.36-1.526.717-1.894 1.353c-.386.67-.311 1.534-.236 2.392c.033.378.065.755.058 1.114l3.298.824c.53.15.84.71.68 1.24s-.72.84-1.25.68l-3.384-.848c-.11.17-.229.34-.346.508c-.49.704-.98 1.409-.98 2.17s.49 1.462.979 2.163c.254.364.509.729.695 1.102l3.376-.595c.55-.07 1.06.31 1.14.86s-.29 1.06-.84 1.15l-3.393.59l-.033.408c-.075.858-.15 1.722.236 2.392c.1.17.21.31.32.45l.02.02c.08.09.16.17.25.25l1.53 1.53a5.36 5.36 0 0 0 7.59 0l1.291-1.291l-.041.031l-2.85-2.85c-3.47-3.47-3.47-9.11 0-12.58c3.47-3.48 9.1-3.48 12.58 0l2.85 2.85l-.034.044l.814-.814a5.36 5.36 0 0 0 0-7.59l-1.81-1.79c-.13-.11-.28-.22-.45-.32c-.67-.386-1.534-.311-2.392-.236c-.17.014-.34.03-.507.04L22.78 7.4c-.09.55-.6.92-1.15.84c-.55-.09-.92-.6-.85-1.14z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Dumpling
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:dumpling" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:dumpling" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:dumpling" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--dumpling]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:dumpling"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:dumpling"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dumpling.svg" alt="Icône Dumpling" width="24" height="24">L'icône Dumpling dans d'autres collections
FAQ : Icône Dumpling
L'icône Dumpling est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Dumpling dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:dumpling" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Dumpling à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dumpling.svg" alt="Icône Dumpling">, ou collez le code SVG directement dans la page pour le styliser en CSS.