Pancakes アイコン
fluent-emoji-high-contrast:pancakes
Pancakes アイコン(fluent-emoji-high-contrast:pancakes)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 飲食
- タグ
- pancake
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m19.897 3.423l-2.686-1.59a2.35 2.35 0 0 0-2.411 0l-2.687 1.59h-1.52a6.58 6.58 0 0 0-6.57 6.99l-.012.003v2.56q0 .358.037.706A9.64 9.64 0 0 0 1 20.73a9.65 9.65 0 0 0 9.653 9.653h10.694c5.328 0 9.653-4.23 9.653-9.653c0-2.823-1.17-5.327-3.045-7.078q.034-.333.034-.674v-2.561l-.013-.004q.013-.202.013-.407c.01-3.631-2.942-6.582-6.573-6.582zm1.14 1h.38a5.573 5.573 0 0 1 5.572 5.58v.002a5.58 5.58 0 0 1-5.583 5.582h-1.32v.79a1.79 1.79 0 0 1-1.817 1.781h-.007c-.998-.028-1.747-.866-1.747-1.83v-.74h-1.16v3.97h6.052a6.58 6.58 0 0 0 6.435-5.19q.148.683.147 1.41a6.58 6.58 0 0 1-6.582 6.582H10.593a6.58 6.58 0 0 1-6.433-7.982a6.584 6.584 0 0 0 6.433 5.18h1.19v-3.97h-1.19a5.58 5.58 0 0 1-5.583-5.583a5.58 5.58 0 0 1 5.582-5.582h.377a1.7 1.7 0 0 0-.176.69v2.126a3.19 3.19 0 0 0-1.42 2.656c0 1.445.96 2.673 2.282 3.062l.004.001a1.6 1.6 0 0 1 1.125 1.53v5.811c0 .455.35.817.77.83a.79.79 0 0 0 .8-.78v-5.672c0-.876.705-1.58 1.581-1.58s1.58.704 1.58 1.58v1.65c0 .456.35.817.771.831a.79.79 0 0 0 .8-.78v-1.84c0-.707.462-1.352 1.17-1.544l.006-.002a3.19 3.19 0 0 0 2.386-3.085a3.22 3.22 0 0 0-1.431-2.664v-2.13a.5.5 0 0 0-.009-.093a1.7 1.7 0 0 0-.17-.597m-9.244 2.343L14.8 8.545a2.35 2.35 0 0 0 2.412 0l3.005-1.78v.449a.72.72 0 0 1-.357.62v.001l-3.16 1.87l-.003.001a1.35 1.35 0 0 1-1.388-.002l-3.16-1.87l-.006-.004a.7.7 0 0 1-.35-.616zm3.517-4.073a1.35 1.35 0 0 1 1.39 0l3.16 1.87a.73.73 0 0 1 .356.656a.7.7 0 0 1-.353.594h-.001L16.7 7.685l-.004.003c-.42.253-.953.255-1.388-.003l-3.16-1.87a.72.72 0 0 1-.355-.598a.71.71 0 0 1 .353-.652zM4.01 16.92v1.818a6.58 6.58 0 0 0 6.583 6.582h10.814a6.58 6.58 0 0 0 6.582-6.582v-1.86A7.7 7.7 0 0 1 29 20.73c0 4.306-3.417 7.653-7.653 7.653H10.653A7.65 7.65 0 0 1 3 20.73c0-1.386.368-2.686 1.01-3.808"/></svg>
Pancakes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:pancakes" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:pancakes" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:pancakes" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--pancakes]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:pancakes"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:pancakes"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/pancakes.svg" alt="Pancakes アイコン" width="24" height="24">
Pancakes アイコン のよくある質問
Pancakes アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pancakes アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:pancakes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pancakes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/pancakes.svg" alt="Pancakes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
