Cooking アイコン
noto-v1:cooking
Cooking アイコン(noto-v1:cooking)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 飲食
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed6c30" d="M122.78 24.28c-5.28-5.27-13.14-1.03-18.22 2.17c-10.17 6.41-20.72 15.47-27.33 25.6c-2.07 3.18-4.96 1.33-8.73-.51c-6.84-3.34-15.82-5.03-25.78-4.3c-9.57.69-19.94 4.53-26.07 9.79c-3.69 3.15-8.35 7.14-11.16 12.27c-4.23 7.74-7.14 15.2-3.23 27.47c.14.44 3.45 8.69 7.21 13.02c.84.97 3.72 3.6 6 4.76c5.72 2.89 15.14 8.42 34.06 4.79c20-3.84 28.48-15.09 32.73-24.58c3.06-6.84 2.39-15 2.39-15l-1.69-13c.03-.26.03-.52.09-.77c.66-2.95 3.13-5.79 5.24-7.85c8.39-8.2 17.92-12.2 28.3-17.48c3.71-1.89 8.65-3.01 10.55-7.06c1.74-3.72-2.06-7.01-4.36-9.32"/><path fill="#2f2f2f" d="M8.77 95.79c-3.15-4.86-3.8-13.96-.04-22.35C18.3 56.46 37 49.83 50.42 51.23c5.83.61 12.31 2.06 17.08 5.1c6.09 3.89 8.75 10.15 9.01 14.3c.62 10.07-1.12 16.28-6.65 22.87c-5.37 6.4-13.79 13.11-26.99 14.48c-17.79 1.88-28.38-3.35-34.1-12.19"/><path fill="#fff" d="M47.8 100.51c-3.69.83-6.81-.06-10.29-1.31c-3.61-1.31-7.46-.08-11.14-.96c-3.49-.83-6.74-3.17-8.61-6.25c-6.15-10.14 3.97-22.14 13.02-26.18c6.61-2.94 14.46-4.13 21.31-3.36c3.36.38 8.06 3.26 10.47 5.53c1.93 1.81 3.62 4.99 4.14 7.57c2.19 10.93-8.8 22.68-18.9 24.96"/><path fill="#fcc21b" d="M49.86 73.1c-1.03-1.14-2.33-1.95-3.72-2.47c-1.86-.7-3.92-.89-5.92-.63c-3.05.41-6.07 1.89-7.88 4.61a8.86 8.86 0 0 0-1.4 5.99c.3 2.3 1.55 4.49 3.7 5.84c2.02 1.24 4.55 1.46 7.08 1.14c2.57-.35 5.17-1.3 7.2-2.88c1.01-.8 1.88-1.77 2.46-2.94c.59-1.17.85-2.53.67-3.95l-.07-.43c-.32-1.69-1.08-3.15-2.12-4.28"/></svg>
Cooking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:cooking" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:cooking" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:cooking" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--cooking]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:cooking"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:cooking"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/cooking.svg" alt="Cooking アイコン" width="24" height="24">
Cooking アイコン のよくある質問
Cooking アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cooking アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:cooking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cooking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/cooking.svg" alt="Cooking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
