ICONYZ
日本語
Huge Icons の Building 04 アイコン

Building 04 アイコン

hugeicons:building-04

Building 04 アイコン(hugeicons:building-04)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Huge Icons
作者
Hugeicons
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M11 2v12c0 3.31-.69 4-4 4H3m2-6h6"/><path stroke-linecap="round" d="M17.5 16h1m-1 3h1M14 5v17H4.279c-1.241 0-1.862 0-2.148-.425c-.286-.426-.075-1.035.347-2.254L7.782 3.98c.331-.957.497-1.436.868-1.709C9.022 2 9.51 2 10.484 2h.643c1.354 0 2.032 0 2.452.44C14 2.878 14 3.585 14 5m0 5l3.79 1.184c2.03.635 3.044.952 3.627 1.745S22 14.785 22 16.91V20c0 .943 0 1.414-.293 1.707S20.943 22 20 22h-6"/></g></svg>

Building 04 アイコンの使い方

React

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

<Icon icon="hugeicons:building-04" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:building-04" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:building-04" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--building-04]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:building-04"></div>

Web コンポーネント

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

<iconify-icon icon="hugeicons:building-04"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/building-04.svg" alt="Building 04 アイコン" width="24" height="24">

Huge Icons の関連アイコン

building アイコン
building
 building-01 アイコン
building-01
 building-02 アイコン
building-02
 building-03 アイコン
building-03
 building-05 アイコン
building-05
 building-06 アイコン
building-06
 building2 アイコン
building2

他のアイコンセットの Building 04 アイコン

coolicons の Building 04 アイコン
coolicons

Building 04 アイコン のよくある質問

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

はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Huge Icons をすべて見る →