Field Hockey アイコン
fluent-emoji-high-contrast:field-hockey
Field Hockey アイコン(fluent-emoji-high-contrast:field-hockey)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- アクティビティ
- タグ
- fieldhockey
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V)"><path d="m12.952 20.698l7.77-18.928C21.329.262 23.007-.343 24.398.195l.02.007l1.975.81l.006.004c1.412.59 2.151 2.227 1.537 3.708l-9.12 22.228a8.22 8.22 0 0 1-10.718 4.479l-.003-.001a8.22 8.22 0 0 1-4.478-10.718l.69-1.68v-.001a4.496 4.496 0 0 1 5.858-2.451a4.5 4.5 0 0 1 2.788 4.118m5.311-7.672l-.45 1.097l3.513 1.44l.442-1.076zm-1.02 2.484l-1.502 3.661l3.514 1.441l1.502-3.661zm-2.45 5.97l-1.117 2.72c-.38.93-1.45 1.38-2.38.99a1.817 1.817 0 0 1-.99-2.38l.46-1.13c.52-1.27-.09-2.73-1.36-3.25s-2.73.09-3.25 1.36l-.69 1.68c-1.3 3.17.21 6.8 3.39 8.11c3.17 1.3 6.8-.21 8.11-3.39l1.341-3.268zM27 27a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/></g><defs><clipPath id="SVGkRCCwb7V"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
Field Hockey アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:field-hockey" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:field-hockey" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:field-hockey" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--field-hockey]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:field-hockey"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:field-hockey"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/field-hockey.svg" alt="Field Hockey アイコン" width="24" height="24">
他のアイコンセットの Field Hockey アイコン
Field Hockey アイコン のよくある質問
Field Hockey アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Field Hockey アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:field-hockey" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Field Hockey アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/field-hockey.svg" alt="Field Hockey アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
