Cooking アイコン
emojione-v1:cooking
Cooking アイコン(emojione-v1:cooking)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#405967" d="M57.948 58.26a1.52 1.52 0 0 1-.172 2.154l-3.34 2.85a1.53 1.53 0 0 1-2.154-.172l-35.969-42.21a1.526 1.526 0 0 1 .172-2.154l3.344-2.847a1.527 1.527 0 0 1 2.154.172l35.965 42.21"/><path fill="#364b56" d="M20.409 19.243a1.525 1.525 0 0 1 .169-2.154l1.473-1.256l-.094-.108a1.53 1.53 0 0 0-2.154-.172l-3.34 2.848a1.53 1.53 0 0 0-.174 2.156l35.969 42.2a1.53 1.53 0 0 0 2.154.174l1.869-1.593l-35.872-42.1"/><path fill="#405967" d="M43.38 8.657c8.826 10.356 7.585 25.903-2.771 34.729c-10.354 8.824-25.903 7.584-34.728-2.771S-1.703 14.71 8.648 5.886C19.009-2.94 34.556-1.699 43.38 8.657"/><path fill="#364b56" d="M39.627 11.86c7.06 8.278 6.06 20.71-2.217 27.767c-8.28 7.06-20.71 6.06-27.765-2.215c-7.06-8.282-6.06-20.712 2.214-27.769c8.28-7.06 20.71-6.06 27.768 2.217"/><path fill="#fff" d="M24.667 9.441c-3.933-.598-7.271.358-10.01 3.099c-.834.716-2.027 1.55-2.625 2.503c-1.19 2.027-.239 4.649-.356 6.795c-.362 5.365-1.076 8.106 2.739 12.635c2.385 2.743 8.349 6.914 12.278 4.649c2.027-1.072 2.623-4.289 4.054-5.958c1.188-1.432 2.62-1.909 3.934-2.98c3.099-2.265 3.932-5.723 3.22-9.419c-.956-4.647-4.057-9.296-8.585-11.203c-2.146-.956-7.153-1.192-9.178.237"/><path fill="#dddddc" d="M20.738 34.473c-3.814-4.528-3.099-7.27-2.743-12.635c.116-2.146-.834-4.768.358-6.795c.597-.953 1.792-1.788 2.622-2.503c1.835-1.833 3.934-2.866 6.298-3.172q.332-.131.708-.231c-2.107-.482-5.153-.52-7.03.231c-2.365.307-4.467 1.34-6.298 3.172c-.834.716-2.027 1.55-2.625 2.503c-1.19 2.027-.239 4.649-.356 6.795c-.362 5.365-1.076 8.106 2.739 12.635c2.385 2.743 8.349 6.914 12.278 4.649q.132-.071.254-.153c-2.528-1.066-4.902-2.995-6.207-4.496"/><circle cx="23.19" cy="23.439" r="4.789" fill="#f6921e"/></svg>
Cooking アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:cooking" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:cooking" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:cooking" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--cooking]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:cooking"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:cooking"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/cooking.svg" alt="Cooking アイコン" width="24" height="24">
Cooking アイコン のよくある質問
Cooking アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cooking アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:cooking" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cooking アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/cooking.svg" alt="Cooking アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
