ICONYZ
日本語
Game Icons の Hatchet アイコン

Hatchet アイコン

game-icons:hatchet

Hatchet アイコン(game-icons:hatchet)は、Game Icons セットの無料 SVG アイコンです(作者: GameIcons)。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Game Icons
作者
GameIcons
ライセンス
CC-BY-3.0
サイズ
512 × 512
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M281 24.15L246.4 77.2l80 51.7l55.7 129.4c5.6-2.6 13.4-6.9 21.8-12.7c12.7-8.9 27.2-20.9 40.3-34.4c13.2-13.5 25.1-28.4 32.7-42.8c6.6-12.6 9.9-24.5 9-34.8L359.1 74.97zm-33.4 75.26C164.4 214.2 107.9 325.2 25.98 453.3c0 .1 0 0 .15.4c.32 1.1 1.49 3.4 3.53 5.9c4.07 5.1 11.33 11.4 19.22 16.5s16.55 9.2 22.88 10.9c3.16.8 5.71.9 6.88.8c.37-.1.37-.1.47-.1c21.99-33.8 31.99-49 48.09-110.3l.3-1.3l.8-1.1c60.5-97.7 84.9-157 155-252.5z"/></svg>

Hatchet アイコンの使い方

React

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

<Icon icon="game-icons:hatchet" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:hatchet" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:hatchet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--hatchet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:hatchet"></div>

Web コンポーネント

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

<iconify-icon icon="game-icons:hatchet"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/hatchet.svg" alt="Hatchet アイコン" width="24" height="24">

Game Icons の関連アイコン

Hatchet アイコン のよくある質問

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →