Cooking アイコン
fluent-emoji-flat:cooking
Cooking アイコン(fluent-emoji-flat:cooking)は、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
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M19.28 22.634c-1.569.97-3.42 1.53-5.4 1.53c-5.68 0-10.285-4.604-10.285-10.284S8.2 3.595 13.88 3.595S24.165 8.2 24.165 13.88c0 1.976-.557 3.822-1.523 5.389l6.018 4.601c1.65 1.25 1.81 3.67.36 5.12a3.422 3.422 0 0 1-5.14-.34zm6.14 2.776a1.485 1.485 0 1 0 2.1 2.1a1.485 1.485 0 0 0-2.1-2.1"/><path fill="#635994" d="M25.76 13.88c0 6.561-5.319 11.88-11.88 11.88S2 20.441 2 13.88S7.319 2 13.88 2s11.88 5.319 11.88 11.88m-2.88 0a9 9 0 1 0-18 0a9 9 0 0 0 18 0"/><path fill="#fff" d="M19.35 11.98c-.28-.39-.65-.67-1.06-.81c-.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.54"/><path fill="#f9c23c" d="M12.59 16.18a2.53 2.53 0 1 0 0-5.06a2.53 2.53 0 0 0 0 5.06"/></g></svg>
Cooking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:cooking" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:cooking" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:cooking" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--cooking]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:cooking"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:cooking"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cooking.svg" alt="Cooking アイコン" width="24" height="24">
Cooking アイコン のよくある質問
Cooking アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cooking アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:cooking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cooking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/cooking.svg" alt="Cooking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
