Pizza アイコン
fluent-emoji:pizza
Pizza アイコン(fluent-emoji:pizza)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:pizza"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pizza.svg" alt="Pizza アイコン" width="24" height="24">他のアイコンセットの Pizza アイコン
Pizza アイコン のよくある質問
Pizza アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pizza アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:pizza" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pizza アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/pizza.svg" alt="Pizza アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。