ICONYZ
日本語
OpenMoji の Field Hockey アイコン

Field Hockey アイコン

openmoji:field-hockey

Field Hockey アイコン(openmoji:field-hockey)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
アクティビティ
タグ
fieldhockey
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#a57939" d="M28.017 62.715a9.168 9.168 0 1 1-15.701-9.47l-.048.08a4.71 4.71 0 1 1 8.065 4.864a1.891 1.891 0 0 0 3.24 1.953l.01-.016l32.73-54.284a2.06 2.06 0 0 1 2.819-.698l.44.265l.44.265a2.06 2.06 0 0 1 .697 2.82L27.977 62.78z"/><path fill="#6a462f" d="M15.604 51.846a4.71 4.71 0 0 1 1.6 6.465a1.89 1.89 0 0 0 3.224 1.974a1.89 1.89 0 0 1-.095-2.096a4.71 4.71 0 0 0-1.6-6.465c-1.31-.789-2.842-.85-4.162-.328c.354.11.702.25 1.033.45M60.011 5.674l-.44-.265l-.034-.02l-34.688 57.514l.04-.066a9.13 9.13 0 0 1-5.96 4.226a9.17 9.17 0 0 0 9.088-4.348L61.444 9.228c.583-.967-.465-2.97-1.433-3.554"/><circle cx="52.246" cy="60.869" r="5" fill="#ea5a47"/><path fill="#d22f27" d="M54.937 56.659c.497.777.79 1.699.79 2.69a5 5 0 0 1-5 5a4.97 4.97 0 0 1-2.69-.79a4.99 4.99 0 0 0 4.209 2.31a5 5 0 0 0 5-5a4.99 4.99 0 0 0-2.31-4.21"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="52.246" cy="60.869" r="5"/><path d="m58.208 12.52l-30.19 50.195h0a9.168 9.168 0 1 1-15.702-9.47l-.048.08a4.71 4.71 0 1 1 8.065 4.864a1.891 1.891 0 0 0 3.24 1.953l.01-.016l32.73-54.284a2.06 2.06 0 0 1 2.819-.698l.44.265l.44.265a2.06 2.06 0 0 1 .697 2.82l-.385.638"/></g></svg>

Field Hockey アイコンの使い方

React

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

<Icon icon="openmoji:field-hockey" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:field-hockey" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:field-hockey" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--field-hockey]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:field-hockey"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:field-hockey"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/field-hockey.svg" alt="Field Hockey アイコン" width="24" height="24">

他のアイコンセットの Field Hockey アイコン

Field Hockey アイコン のよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコン をすべて見る →