Hockey 48 Bold アイコン
energy-icons:hockey-48-bold
Hockey 48 Bold アイコン(energy-icons:hockey-48-bold)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- hockeybold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M28.821 3.584a1.25 1.25 0 1 1 2.358.832l-12 34c-.57 1.698-1.471 2.96-2.767 3.769c-1.275.797-2.788 1.065-4.412 1.065H6a1.25 1.25 0 1 1 0-2.5h6c1.376 0 2.363-.231 3.088-.684c.7-.437 1.296-1.17 1.726-2.461l.007-.02zM36 36.25c1.78 0 3.452.298 4.724.828c.633.264 1.227.61 1.682 1.059c.46.452.844 1.083.844 1.863s-.385 1.41-.844 1.863c-.455.448-1.05.795-1.682 1.059c-1.272.53-2.943.828-4.724.828c-1.78 0-3.452-.298-4.724-.828c-.633-.264-1.227-.61-1.682-1.059c-.46-.452-.844-1.083-.844-1.863s.385-1.41.844-1.863c.455-.448 1.05-.795 1.682-1.059c1.272-.53 2.943-.828 4.724-.828m0 2.5c-1.533 0-2.862.261-3.762.636c-.452.188-.737.381-.89.531a1 1 0 0 0-.075.083q.024.032.076.083c.152.15.437.343.89.531c.899.375 2.228.636 3.761.636s2.862-.261 3.762-.636c.452-.188.737-.381.89-.531a1 1 0 0 0 .074-.083a1 1 0 0 0-.075-.083c-.152-.15-.437-.343-.89-.531c-.899-.375-2.228-.636-3.761-.636"/></svg>Hockey 48 Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:hockey-48-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:hockey-48-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:hockey-48-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--hockey-48-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:hockey-48-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:hockey-48-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/hockey-48-bold.svg" alt="Hockey 48 Bold アイコン" width="24" height="24">Energy Icons の関連アイコン
Hockey 48 Bold アイコン のよくある質問
Hockey 48 Bold アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hockey 48 Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:hockey-48-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hockey 48 Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/hockey-48-bold.svg" alt="Hockey 48 Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。