Building Construction アイコン
fluent-emoji-flat:building-construction
Building Construction アイコン(fluent-emoji-flat:building-construction)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- buildingconstruction
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M28 15h.496a.5.5 0 0 0 .504-.5a.51.51 0 0 0-.514-.5H15.514a.51.51 0 0 0-.514.5c0 .274.232.5.514.5H16v3h-.486a.51.51 0 0 0-.514.5c0 .274.232.5.514.5h12.972a.51.51 0 0 0 .514-.5a.51.51 0 0 0-.514-.5H28zm.01 13H3.99C2.89 28 2 28.895 2 30h28c0-1.105-.89-2-1.99-2"/><path fill="#9b9b9b" d="M23.98 11.03c0 1.1-.9 2-2 2s-2-.9-2-2c0-.28.23-.5.5-.5c.28 0 .5.22.5.5c0 .55.45 1 1 1s1-.45 1-1s-.43-.99-.98-1c-.17 0-.33-.09-.42-.23a.44.44 0 0 1-.09-.27c0-.04 0-.07.01-.11V4.36c0-.27.23-.5.5-.5c.28 0 .5.23.5.5v4.73c.85.23 1.48 1.02 1.48 1.94"/><path fill="#f8312f" d="M23.09 4h-2.18c-.506 0-.91.444-.91 1s.404 1 .91 1h2.18c.506 0 .91-.444.91-1s-.404-1-.91-1"/><path fill="#ff6723" d="M28 15H16v3h12z"/><path fill="#212121" d="M16.7 19.48c.09.06.19.09.29.09c.16 0 .31-.07.41-.21l4.58-6.47l4.58 6.47c.1.14.25.21.41.21a.499.499 0 0 0 .41-.79l-4.966-7.016a.5.5 0 0 0-.079-.1a.5.5 0 0 0-.355-.147a.5.5 0 0 0-.355.147a.5.5 0 0 0-.08.1L16.58 18.78c-.16.23-.11.54.12.7"/><path fill="#ffb02e" d="M5 3h22a1 1 0 1 1 0 2H14v21h.75c.69 0 1.25.56 1.25 1.25V28H5v-.75c0-.69.56-1.25 1.25-1.25H7V5H5a1 1 0 0 1 0-2m3 6.191L12.382 7H8zM13 26v-2.191L8.618 26zm-5-.809L12.382 23H8zm5-17.382L8.618 10H13zm-5 5.382L12.382 11H8zm5-1.382L8.618 14H13zm-5 5.382L12.382 15H8zm5-1.382L8.618 18H13zm-5 5.382L12.382 19H8zm5-1.382L8.618 22H13z"/></g></svg>
Building Construction アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:building-construction" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:building-construction" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:building-construction" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--building-construction]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:building-construction"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:building-construction"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/building-construction.svg" alt="Building Construction アイコン" width="24" height="24">
他のアイコンセットの Building Construction アイコン
Building Construction アイコン のよくある質問
Building Construction アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Building Construction アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:building-construction" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Building Construction アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/building-construction.svg" alt="Building Construction アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
