Spoon アイコン

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

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:spoon

Spoon アイコン(noto:spoon)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 飲食

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#9D9D9D" d="M64.52 50.91c-.26-9.45-.37-17.84-6.27-26.94C48.75 9.32 22.97-2.35 13.03 5.16C2.01 13.49 8.8 39.24 19.57 50.64C34.25 66.2 46.7 60.17 53.49 64.02c5.84 3.31 18.2 20.38 26.28 29.74s22.17 25.12 24.99 28.07s6.94 2.65 8.07 2.05c1.61-.84 4.72-3.45 4.34-4.47c-.38-1.03-45.35-52.82-45.35-52.82l-6.92-9.23c-.01-.01-.25-1.71-.38-6.45"/><path fill="#C8C8C8" d="M14.5 7.56c-8.95 7.36-3.08 28.02 3.79 36.53C31.75 60.75 44.26 55.3 51.82 58.38s8.97 6.54 18.33 16.92s36.29 46.35 43.39 47.97c.9.21 3.88-2.93 5.42-4.85s2.97-4.53 1.82-6.33c-1.15-1.79-52.94-54.73-55.63-57.42s-2.95-7.95-3.2-10.51c-.26-2.56-1.15-16.92-12.18-25.76S22.45 1.03 14.5 7.56"/><path fill="#E0E0E0" d="M53.72 29.36s1.23 14.27-11.43 12.47c-13.22-1.87-19.28-19.75-22.02-25.7c-2.58-5.61-7.84-4.81-8.03 2.27c-.22 8.27 5.78 26.76 21.93 33.17c15.2 6.03 24.94.76 24.66-8.22c-.3-9.16-5.11-13.99-5.11-13.99"/><path fill="#FFF" d="M37.84 44.64c8.69 3.04 14.46-.57 15.02 5.01c.39 3.85-6.61 6.71-19.09 1.89s-18.71-18.9-19.65-21.92s-1.7-7.47.09-8.22s3.69 2.46 5.95 6.8s6.63 12.57 17.68 16.44m67.71 67.17c-1.45 1.09 4.63 8.5 7.56 8.98c2.93.47 7.22-5.29 5.39-6.14c-1.23-.57-1.98 1.13-5.39.38c-3.4-.76-5.67-4.63-7.56-3.22"/></svg>

Spoon アイコンの使い方

React

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

<Icon icon="noto:spoon" width="24" />

Vue

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

<template>
  <Icon icon="noto:spoon" width="24" />
</template>

Svelte

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

<Icon icon="noto:spoon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--spoon]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:spoon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/spoon.svg" alt="Spoon アイコン" width="24" height="24">

他のアイコンセットの Spoon アイコン

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

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

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji アイコンをすべて見る →