Cooking アイコン
fluent-emoji-high-contrast:cooking
Cooking アイコン(fluent-emoji-high-contrast:cooking)は、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
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="M25.42 27.51a1.485 1.485 0 1 1 2.1-2.1a1.485 1.485 0 0 1-2.1 2.1m-10.3-13.86a2.53 2.53 0 1 1-5.06 0a2.53 2.53 0 0 1 5.06 0"/><path d="M22.88 13.88a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-4.59-2.71c-.45-.16-.85-.45-1.17-.8a4 4 0 0 0-.46-.45a5.03 5.03 0 0 0-5.72-.58c-.46.26-.96.43-1.48.53h-.01c-.54.11-.96.57-1.03 1.12c-.01.13-.01.25.01.37c.08.49.11.98.02 1.47a5.01 5.01 0 0 0 6.24 5.73c.58-.16 1.19-.2 1.79-.16c.39.02.78-.11 1.08-.41c.39-.39.51-.96.34-1.45c-.08-.24-.06-.51.04-.74v-.01c.1-.23.29-.4.51-.5c.35-.16.66-.42.91-.77c.52-.78.52-1.8-.01-2.54c-.28-.39-.65-.67-1.06-.81"/><path d="M13.88 0C6.214 0 0 6.214 0 13.88s6.214 13.88 13.88 13.88c2.078 0 4.052-.458 5.825-1.278l2.586 3.383l.003.004c1.99 2.59 5.81 2.866 8.14.535c2.308-2.308 2.05-6.143-.562-8.125l-.004-.003l-3.38-2.584a13.8 13.8 0 0 0 1.272-5.812C27.76 6.214 21.546 0 13.88 0m6.374 23.907a11.8 11.8 0 0 1-6.374 1.853C7.319 25.76 2 20.441 2 13.88S7.319 2 13.88 2s11.88 5.319 11.88 11.88c0 2.34-.677 4.523-1.845 6.362l4.745 3.628c1.65 1.25 1.81 3.67.36 5.12a3.422 3.422 0 0 1-5.14-.34z"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Cooking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:cooking" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:cooking" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:cooking" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--cooking]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:cooking"></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:cooking"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cooking.svg" alt="Cooking アイコン" width="24" height="24">
Cooking アイコン のよくある質問
Cooking アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cooking アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:cooking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cooking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cooking.svg" alt="Cooking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
