Eating アイコン

Q: Eating アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:eating

Eating アイコン(game-icons:eating)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M137.618 70.504a88 88 0 0 0-12.686.95c-33.832 5.003-62.022 29.192-80.271 65.89S18.653 222.91 26.375 274.65c7.723 51.741 29.418 96.251 57.598 126.082c28.18 29.832 62.216 44.819 96.049 39.815c33.832-5.004 62.023-29.194 80.273-65.893c4.264-8.573 7.948-17.818 11.002-27.601c-29.163.07-58.834-2.573-92.08-24.287c48.479-14.36 82.354-48.492 100.926-72.243c-.456-8.287-.298-4.69-1.565-13.173c-7.722-51.741-29.415-96.253-57.595-126.084c-24.658-26.103-53.8-40.838-83.365-40.762m342 120.432c-1.774-.05-3.796.302-6.05 1.144c-61.083 22.839-94.235 69.736-123.236 107.965c-20.787 2.903-39.96 3.415-74.875 31.642c-7.837 6.337 55.494 52.937 95.13-26.869c9.846-19.825 21.522-41.774 105.06-84.914c16.706-8.627 16.388-28.62 3.97-28.968zm-229.961 6.834l13.13 12.31c-17.392 18.552-47.5 23.81-71.523 21.414l1.787-17.912c19.327 1.928 45.89-4.382 56.606-15.812m95.683 67.12c-5.603-.104-12.685 6.982-19.012 7.532c-10.729.932-22.902-8.439-32.173-2.96c-6.089 3.6-3.494 14.436-8.485 19.446c-6.841 6.868-23.232 2.649-26.611 11.735c-2.378 6.394 8.78 18.488 8.78 18.488c14.428-14.452 33.354-34.107 78.66-32.62c0 0 7.594-15.785 2.456-20.23c-1.108-.959-2.322-1.366-3.615-1.39zm-205.28 23.026l9.977 14.982c-13.398 9.818-24.506 21.8-16.61 37.338c5.734 8.493 14.467 18.545 25.628 18.659l.303 17.996c-18.143-1.22-34.222-14.025-41.89-28.329c-11.537-27.086 2.768-47.184 22.593-60.646z"/></svg>

Eating アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:eating" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:eating" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:eating" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--eating]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:eating"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:eating"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/eating.svg" alt="Eating アイコン" width="24" height="24">

Game Icons の関連アイコン

Eating アイコンのよくある質問

Eating アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Eating アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:eating" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Eating アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/eating.svg" alt="Eating アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →