Ikon Pizza
fluent-emoji:pizza
Ikon Pizza (fluent-emoji:pizza) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pizza.svg" alt="Ikon Pizza" width="24" height="24">Ikon Pizza di set ikon lain
FAQ Ikon Pizza
Apakah ikon Pizza gratis untuk penggunaan komersial?
Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pizza di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji:pizza" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pizza ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/pizza.svg" alt="Ikon Pizza">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.