Hive アイコン

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

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

game-icons:hive

Hive アイコン(game-icons:hive)は、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="M196 16s-60 20.07-60 45h-15c-33.24 0-60 20.07-60 45c0 11.496 5.61 22.062 15 30c-33.24 0-60 30.915-60 60s26.76 45 60 45h30.47C111.154 160.246 153.625 93.326 211 69.906V16zm105 0v53.906c57.372 23.42 99.844 90.34 104.53 171.094H436c33.24 0 60-15.915 60-45s-26.76-60-60-60c9.392-7.938 15-18.504 15-30c0-24.93-26.76-45-60-45h-15c0-24.93-60-45-60-45zm-44.156 105a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 256.843 121zm.5 90.063a45 45 0 0 0-46.313 44.968a45 45 0 0 0 90 0a45 45 0 0 0-43.686-44.967zM151.844 226a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 151.843 226zm210 0a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 361.843 226zM76 271c-33.24 0-60 15.915-60 45s26.76 60 60 60c-9.39 7.938-15 18.504-15 30c0 24.93 26.76 45 60 45h15c0 24.93 60 45 60 45h15v-53.906c-57.372-23.42-99.844-90.34-104.53-171.094zm329.53 0c-4.685 80.754-47.156 147.674-104.53 171.094V496h15s60-20.07 60-45h15c33.24 0 60-20.07 60-45c0-11.496-5.608-22.062-15-30c33.24 0 60-30.915 60-60s-26.76-45-60-45zm-148.686 60a30 30 0 0 0-30.875 29.97a30 30 0 0 0 60 0A30 30 0 0 0 256.843 331z"/></svg>

Hive アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →