Hook アイコン

Q: Hook アイコンは商用利用でも無料ですか?

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

game-icons:hook

Hook アイコン(game-icons:hook)は、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="M264 25c-34.9 0-63 28.1-63 63s28.1 63 63 63s63-28.1 63-63s-28.1-63-63-63m0 30c18.1 0 33 14.88 33 33c0 18.1-14.9 33-33 33s-33-14.9-33-33c0-18.12 14.9-33 33-33m0 18c-8.4 0-15 6.61-15 15s6.6 15 15 15s15-6.61 15-15s-6.6-15-15-15m-45.3 82.1c-3.7 9.1-9.5 17.5-16.4 25.6c-11.7 13.6-26.6 26.7-41.2 41.5c-29 29.4-56.4 64.2-55.2 120c.6 32.9 21.2 67.6 51 93.9s68.4 43.8 101.8 44.2c28.9.4 62-7.4 87.1-25.1c25.2-17.7 42.7-44.5 42.6-85.6c0-16.8-10.5-43.4-15.1-67.4c-2.3-12-3.3-23.9 1.1-34.8c3.8-9.7 12.7-17.2 25.1-20.7c3-7.3 2-11.1-.2-13.9c-2.5-3.1-8.6-5.9-16.3-5.8c-7.6.1-16.1 2.9-22.3 8.1c-6.1 5.3-10.4 12.8-10.4 24.6c.1 27.9-3.6 54.7-13 77c-9.5 22.3-25.4 40.3-48.6 48c-18.7 6.1-40 1.5-58.1-8.2c-18.1-9.8-33.6-25.1-38.9-44.1c-5.9-21.5-.4-43.2 10.1-63.4s26.1-39.4 42.3-57.3c15.1-16.7 30.6-32.4 42.9-46.1c-7.3 2.2-15 3.4-23 3.4c-16.8 0-32.4-5.1-45.3-13.9"/></svg>

Hook アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

他のアイコンセットの Hook アイコン

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

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

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

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

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

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

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

Game Icons をすべて見る →