Barn アイコン

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

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

game-icons:barn

Barn アイコン(game-icons:barn)は、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="M256 23.38L89.844 89.845l-64.9 162.254l14.85 5.943q30.467-76.15 60.93-152.304l1.432-3.58L256 40.616l153.844 61.54l1.43 3.58l60.93 152.305l14.853-5.942l-64.9-162.254zm0 36.624l-139.996 55.998L72.8 224h.2v263h78V329h-39v-18h297v176h30V224h.2l-43.204-107.998zM151 135h210v114H151zm23.563 18L199 201.873V153zM313 153v48.873L337.438 153zm-144 29.127V231h24.438zm174 0L318.562 231H343zm-98.73 18.69c-1.207-.02-2.31.02-3.288.128c-2.823.31-10.76 3.708-16.86 7.3a147 147 0 0 0-7.122 4.484V231h78v-16.97a282 282 0 0 0-17.578-6.368c-11.206-3.63-24.71-6.71-33.152-6.846zM160 263h192v18H160zm15.16 66L208 389.205L240.84 329zm144 0L352 389.205L384.84 329zM169 355.295v105.41L197.748 408zm78 0L218.252 408L247 460.705zm66 0v105.41L341.748 408zm78 0L362.252 408L391 460.705zm-183 71.5L175.16 487h65.68zm144 0L319.16 487h65.68z"/></svg>

Barn アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →