Spoon アイコン
fluent-emoji:spoon
Spoon アイコン(fluent-emoji:spoon)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- 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"><g clip-path="url(#ik9o6Ph)"><path fill="url(#iaQn6Sb)" d="M13.364 15.846L26.243 29.46c.654.691 1.754.77 2.482.13c.753-.666.81-1.816.126-2.538L15.943 13.406c-.671-.71-.962-1.685-.826-2.663c.282-2.107-.568-4.606-2.452-6.598C9.785 1.1 5.579.408 3.27 2.592C.962 4.775 1.42 9.014 4.3 12.058c1.884 1.992 4.332 2.98 6.446 2.808a3.22 3.22 0 0 1 2.619.98"/><path fill="url(#iGv45bb)" d="M13.364 15.846L26.243 29.46c.654.691 1.754.77 2.482.13c.753-.666.81-1.816.126-2.538L15.943 13.406c-.671-.71-.962-1.685-.826-2.663c.282-2.107-.568-4.606-2.452-6.598C9.785 1.1 5.579.408 3.27 2.592C.962 4.775 1.42 9.014 4.3 12.058c1.884 1.992 4.332 2.98 6.446 2.808a3.22 3.22 0 0 1 2.619.98"/><path fill="url(#iKEc1jc)" d="M13.364 15.846L26.243 29.46c.654.691 1.754.77 2.482.13c.753-.666.81-1.816.126-2.538L15.943 13.406c-.671-.71-.962-1.685-.826-2.663c.282-2.107-.568-4.606-2.452-6.598C9.785 1.1 5.579.408 3.27 2.592C.962 4.775 1.42 9.014 4.3 12.058c1.884 1.992 4.332 2.98 6.446 2.808a3.22 3.22 0 0 1 2.619.98"/><path fill="url(#iNd1DrK)" d="M4.566 3.961c-1.737 1.643-1.392 4.829.77 7.115c2.164 2.287 5.325 2.808 7.062 1.165s1.392-4.828-.771-7.115s-5.324-2.808-7.061-1.165"/><path fill="#AFA5BE" d="M4.566 3.961c-1.737 1.643-1.392 4.829.77 7.115c2.164 2.287 5.325 2.808 7.062 1.165s1.392-4.828-.771-7.115s-5.324-2.808-7.061-1.165"/><g filter="url(#iary8hR)"><path fill="#9787AD" fill-rule="evenodd" d="M3.475 7.13c-.098-1.232.256-2.379 1.09-3.169c1.738-1.643 4.9-1.121 7.062 1.165c1.348 1.425 1.99 3.199 1.862 4.73c-.106-1.33-.74-2.759-1.862-3.946c-2.163-2.286-5.324-2.808-7.061-1.165c-.655.62-1.014 1.458-1.091 2.384" clip-rule="evenodd"/></g><g filter="url(#ie9fITc)"><path fill="#C4C0CE" fill-rule="evenodd" d="M4.398 4.725c-.17 1.826.588 3.95 2.2 5.654c1.408 1.49 3.175 2.347 4.822 2.492c-1.725.446-3.916-.275-5.542-1.995c-1.794-1.896-2.338-4.41-1.48-6.151" clip-rule="evenodd"/></g><g filter="url(#iwjpYCb)"><path fill="#fff" fill-opacity=".4" fill-rule="evenodd" d="M5.337 11.076C3.174 8.79 2.829 5.604 4.566 3.961c.77-.728 1.82-1.03 2.938-.944c-.945.018-1.817.33-2.481.958c-1.737 1.643-1.392 4.829.77 7.115c1.205 1.273 2.719 2 4.124 2.109c-1.527.029-3.244-.71-4.58-2.123" clip-rule="evenodd"/></g><g filter="url(#i4efYEd)"><path stroke="url(#iRM0AjU)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="m28.373 28.91l-4.981-5.37"/></g></g><defs><linearGradient id="iaQn6Sb" x1="23.702" x2="20.959" y1="21.424" y2="24.049" gradientUnits="userSpaceOnUse"><stop stop-color="#C6C6CC"/><stop offset=".302" stop-color="#C8C2D3"/><stop offset=".708" stop-color="#AD9DC2"/><stop offset="1" stop-color="#9783B0"/></linearGradient><linearGradient id="iGv45bb" x1="9.517" x2="2.11" y1="7.748" y2="9.472" gradientUnits="userSpaceOnUse"><stop stop-color="#B3AEBA" stop-opacity="0"/><stop offset="1" stop-color="#B3AEBA"/></linearGradient><linearGradient id="iKEc1jc" x1="7.205" x2="6.225" y1="2.967" y2=".968" gradientUnits="userSpaceOnUse"><stop stop-color="#89888D" stop-opacity="0"/><stop offset="1" stop-color="#89888D" stop-opacity=".6"/></linearGradient><linearGradient id="iNd1DrK" x1="9.621" x2="7.115" y1="3.709" y2="10.013" gradientUnits="userSpaceOnUse"><stop stop-color="#9C8DB0" stop-opacity=".6"/><stop offset="1" stop-color="#9C8DB0" stop-opacity="0"/></linearGradient><linearGradient id="iRM0AjU" x1="23.004" x2="28.373" y1="23.54" y2="29.363" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><filter id="iary8hR" width="12.046" height="8.854" x="2.459" y="2.003" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28389" stdDeviation=".5"/></filter><filter id="ie9fITc" width="9.42" height="10.275" x="3" y="3.725" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28389" stdDeviation=".5"/></filter><filter id="iwjpYCb" width="7.458" height="11.197" x="2.959" y="2.503" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28389" stdDeviation=".25"/></filter><filter id="i4efYEd" width="7.481" height="7.869" x="22.142" y="22.29" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28389" stdDeviation=".5"/></filter><clipPath id="ik9o6Ph"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>Spoon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:spoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:spoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:spoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--spoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:spoon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:spoon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/spoon.svg" alt="Spoon アイコン" width="24" height="24">他のアイコンセットの Spoon アイコン
Spoon アイコン のよくある質問
Spoon アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spoon アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:spoon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spoon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/spoon.svg" alt="Spoon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。