Pancakes アイコン
fluent-emoji-flat:pancakes
Pancakes アイコン(fluent-emoji-flat:pancakes)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 飲食
- タグ
- pancake
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M21.357 12.066H10.653C5.871 12.066 2 15.947 2 20.73a8.65 8.65 0 0 0 8.653 8.653h10.694A8.65 8.65 0 0 0 30 20.73a8.643 8.643 0 0 0-8.643-8.663"/><path fill="#f9c23c" d="M10.593 8.515h10.824l6.572 1.9v2.562a6.56 6.56 0 0 1-.719 2.994l.72.207v2.56a6.58 6.58 0 0 1-6.583 6.583H10.593a6.58 6.58 0 0 1-6.582-6.583v-2.56l.718-.207a6.56 6.56 0 0 1-.718-2.995v-2.56z"/><path fill="#d3883e" d="M10.592 3.422h10.824c3.631 0 6.583 2.952 6.573 6.583a6.58 6.58 0 0 1-6.583 6.582H10.592a6.58 6.58 0 0 1-6.582-6.582a6.58 6.58 0 0 1 6.582-6.583"/><path fill="#d3883e" d="M10.593 19.559a6.584 6.584 0 0 1-6.433-5.182q-.149.679-.15 1.4a6.58 6.58 0 0 0 6.583 6.583h10.814a6.58 6.58 0 0 0 6.582-6.583a6.6 6.6 0 0 0-.147-1.409a6.58 6.58 0 0 1-6.435 5.19z"/><path fill="#6d4534" d="M19.436 6.204h-6.872a3.69 3.69 0 0 0-3.691 3.691a3.69 3.69 0 0 0 2.64 3.542c.46.14.77.57.77 1.05V20.3c0 .71.551 1.31 1.261 1.33c.72.01 1.31-.57 1.31-1.28v-5.672c0-.6.48-1.08 1.081-1.08c.6 0 1.08.48 1.08 1.08v1.65c0 .711.55 1.311 1.26 1.331a1.29 1.29 0 0 0 1.311-1.28v-1.84c0-.491.32-.931.8-1.061a3.69 3.69 0 0 0 2.762-3.572a3.714 3.714 0 0 0-3.712-3.7"/><path fill="#f9c23c" d="m17.406 5.113l-.45-.27a1.85 1.85 0 0 0-1.901 0l-.45.27h-3.312v2.1c0 .41.2.82.6 1.05l3.162 1.872c.59.35 1.32.35 1.9 0l3.162-1.871c.4-.24.6-.65.6-1.05V5.113z"/><path fill="#fcd53f" d="m15.055 2.263l-3.161 1.87c-.8.47-.8 1.63 0 2.111l3.16 1.87c.591.35 1.321.35 1.902 0l3.16-1.87c.8-.47.8-1.63 0-2.11l-3.16-1.871a1.85 1.85 0 0 0-1.901 0"/></g></svg>
Pancakes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:pancakes" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:pancakes" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:pancakes" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--pancakes]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:pancakes"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:pancakes"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pancakes.svg" alt="Pancakes アイコン" width="24" height="24">
Pancakes アイコン のよくある質問
Pancakes アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pancakes アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:pancakes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pancakes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/pancakes.svg" alt="Pancakes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
