Icône Pizza
fluent-emoji:pizza
L'icône Pizza (fluent-emoji:pizza) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iWipNnc)" d="M23.501 29.404L7.738 20.311L6 16L25 4.5l3 3v19.306c0 2.309-2.499 3.752-4.499 2.598"/><path fill="url(#i006vue)" d="M23.501 29.404L7.738 20.311L6 16L25 4.5l3 3v19.306c0 2.309-2.499 3.752-4.499 2.598"/><path fill="url(#iLHjptc)" d="M23.501 29.404L7.738 20.311L6 16L25 4.5l3 3v19.306c0 2.309-2.499 3.752-4.499 2.598"/><path fill="url(#iY5pnod)" d="M28 8.02c-8.642.355-16.105 5.279-20.037 12.42l-3.32-1.915c-1.452-.838-1.946-2.716-.948-4.064C10.384 5.436 20.061 2.687 24.941 1.856C26.608 1.572 28 2.898 28 4.59z"/><path fill="url(#iE3aWLe)" d="M28 8.02c-8.642.355-16.105 5.279-20.037 12.42l-3.32-1.915c-1.452-.838-1.946-2.716-.948-4.064C10.384 5.436 20.061 2.687 24.941 1.856C26.608 1.572 28 2.898 28 4.59z"/><path fill="url(#ijgK2tc)" d="M28 8.02c-8.642.355-16.105 5.279-20.037 12.42l-3.32-1.915c-1.452-.838-1.946-2.716-.948-4.064C10.384 5.436 20.061 2.687 24.941 1.856C26.608 1.572 28 2.898 28 4.59z"/><path fill="url(#iyRLmtj)" d="M26 14.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="url(#i3Nnx9b)" d="M26 14.5a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/><path fill="url(#iKBnnMd)" d="M23 25a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path fill="url(#it4hO9p)" d="M23 25a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path fill="#FF3478" d="M18 20.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fill="url(#iJlMdod)" d="M18 20.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fill="url(#iAUe7zb)" d="M18 20.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><defs><radialGradient id="iWipNnc" cx="0" cy="0" r="1" gradientTransform="matrix(-9.87498 12.25 -10.64792 -8.5835 25.313 15.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE657"/><stop offset="1" stop-color="#FFC547"/></radialGradient><radialGradient id="iY5pnod" cx="0" cy="0" r="1" gradientTransform="rotate(145.566 7.594 10.642)scale(34.7064 18.3004)" gradientUnits="userSpaceOnUse"><stop offset=".278" stop-color="#FFA060"/><stop offset=".39" stop-color="#FFC48A"/><stop offset=".455" stop-color="#FFC888"/><stop offset=".623" stop-color="#E4AF7C"/></radialGradient><radialGradient id="ijgK2tc" cx="0" cy="0" r="1" gradientTransform="matrix(.5 3.1875 -6.21153 .97436 26.875 4.438)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE498"/><stop offset="1" stop-color="#FFE398" stop-opacity="0"/></radialGradient><radialGradient id="iyRLmtj" cx="0" cy="0" r="1" gradientTransform="rotate(137.626 9.472 11.544)scale(4.82223)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8DA2"/><stop offset="1" stop-color="#FF2B43"/></radialGradient><radialGradient id="i3Nnx9b" cx="0" cy="0" r="1" gradientTransform="rotate(101.611 4.145 17.376)scale(4.65782)" gradientUnits="userSpaceOnUse"><stop offset=".393" stop-color="#F63080"/><stop offset="1" stop-color="#F73184" stop-opacity="0"/></radialGradient><radialGradient id="iKBnnMd" cx="0" cy="0" r="1" gradientTransform="rotate(137.626 7.632 15.92)scale(2.75556)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8DA2"/><stop offset="1" stop-color="#FF2B43"/></radialGradient><radialGradient id="it4hO9p" cx="0" cy="0" r="1" gradientTransform="rotate(101.611 1.441 21.422)scale(2.66161)" gradientUnits="userSpaceOnUse"><stop offset=".393" stop-color="#F63080"/><stop offset="1" stop-color="#F73184" stop-opacity="0"/></radialGradient><radialGradient id="iJlMdod" cx="0" cy="0" r="1" gradientTransform="rotate(137.626 4.514 13.206)scale(3.44445)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8DA2"/><stop offset="1" stop-color="#FF2B43"/></radialGradient><radialGradient id="iAUe7zb" cx="0" cy="0" r="1" gradientTransform="rotate(101.611 -1.46 17.25)scale(3.32702)" gradientUnits="userSpaceOnUse"><stop offset=".393" stop-color="#F63080"/><stop offset="1" stop-color="#F73184" stop-opacity="0"/></radialGradient><linearGradient id="i006vue" x1="13" x2="15.438" y1="24.375" y2="20.5" gradientUnits="userSpaceOnUse"><stop offset=".231" stop-color="#EA9352"/><stop offset=".787" stop-color="#EA9353" stop-opacity="0"/></linearGradient><linearGradient id="iLHjptc" x1="28" x2="26.688" y1="15.313" y2="15.313" gradientUnits="userSpaceOnUse"><stop offset=".238" stop-color="#F5C344"/><stop offset=".81" stop-color="#FFD059" stop-opacity="0"/></linearGradient><linearGradient id="iE3aWLe" x1="5" x2="8.125" y1="19" y2="14.75" gradientUnits="userSpaceOnUse"><stop stop-color="#E79786"/><stop offset=".783" stop-color="#EA8F85" stop-opacity="0"/></linearGradient></defs></g></svg>Comment utiliser l'icône Pizza
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:pizza" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:pizza" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:pizza" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--pizza]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:pizza"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:pizza"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pizza.svg" alt="Icône Pizza" width="24" height="24">L'icône Pizza dans d'autres collections
FAQ : Icône Pizza
L'icône Pizza est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pizza dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:pizza" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pizza à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/pizza.svg" alt="Icône Pizza">, ou collez le code SVG directement dans la page pour le styliser en CSS.