Spatula Spoon 32 Regular アイコン
fluent:spatula-spoon-32-regular
Spatula Spoon 32 Regular アイコン(fluent:spatula-spoon-32-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- spatulaspoon、spoonregular、spatulaspoonregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.172 4.586a2 2 0 0 0-2.829 0L3.586 8.343a2 2 0 0 0 0 2.829l3.242 3.242a2 2 0 0 0 1.414.585H12c.462 0 1.009.164 1.4.617l10.21 11.82a2 2 0 0 0 2.828-2.827l-11.821-10.21c-.453-.391-.617-.938-.617-1.4V9.243a2 2 0 0 0-.585-1.414zM5.929 3.172a4 4 0 0 1 5.657 0l3.242 3.242A4 4 0 0 1 16 9.242v3.71l.099.085l1.15-1.046c.237-.216.4-.604.425-1.131c.06-1.302.47-2.705 1.023-3.94c.55-1.231 1.284-2.385 2.061-3.163a6 6 0 0 1 8.485 8.486c-.777.777-1.931 1.51-3.163 2.061c-1.235.553-2.638.962-3.94 1.023c-.528.024-.915.188-1.131.425l-.778.854l7.571 6.54l.026.025a4 4 0 0 1-5.657 5.657l-.026-.026l-6.336-7.336l-6.802 7.475l-.032.034a3.5 3.5 0 1 1-4.916-4.982L11.744 17H8.242a4 4 0 0 1-2.828-1.172l-3.242-3.242a4 4 0 0 1 0-5.657zm12.788 12.127l.812-.893c.701-.77 1.685-1.038 2.518-1.077c.981-.046 2.134-.366 3.216-.85c1.086-.486 2.012-1.096 2.566-1.65a4 4 0 1 0-5.657-5.657c-.554.554-1.164 1.48-1.65 2.565c-.484 1.082-.804 2.235-.85 3.216c-.04.833-.307 1.816-1.077 2.517l-.972.884zm-5.549 3.109l-7.743 7.046a1.5 1.5 0 0 0 2.121 2.121l6.946-7.634zM9.708 6.293a1 1 0 0 0-1.415 1.414l2.25 2.25a1 1 0 0 0 1.414-1.414zm-4.415 3a1 1 0 0 1 1.414 0l2.25 2.25a1 1 0 1 1-1.414 1.414l-2.25-2.25a1 1 0 0 1 0-1.414M23 9a1 1 0 1 0-2 0a3 3 0 0 0 3 3a1 1 0 1 0 0-2a1 1 0 0 1-1-1"/></svg>
Spatula Spoon 32 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:spatula-spoon-32-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:spatula-spoon-32-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:spatula-spoon-32-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--spatula-spoon-32-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:spatula-spoon-32-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:spatula-spoon-32-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/spatula-spoon-32-regular.svg" alt="Spatula Spoon 32 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Spatula Spoon 32 Regular アイコン のよくある質問
Spatula Spoon 32 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spatula Spoon 32 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:spatula-spoon-32-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spatula Spoon 32 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/spatula-spoon-32-regular.svg" alt="Spatula Spoon 32 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
ICONYZ
