Building 2 アイコン
f7:building-2
Building 2 アイコン(f7:building-2)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M6.529 50.323q-1.636 0-2.583-1.052q-.873-.972-.94-2.55L3 46.454V8.87q0-1.786.946-2.827q.873-.962 2.335-1.036L6.53 5h26.807q1.615 0 2.562 1.042q.873.96.94 2.557l.005.27v6.59h12.65q1.49 0 2.411.897l.15.156q.874.97.94 2.549l.006.267v27.126q0 1.764-.946 2.817q-.873.97-2.317 1.046l-.245.006zm30.314-3.869q0 .23-.016.447h11.538q.617 0 .915-.298q.255-.256.291-.76l.007-.175V20.115q0-.638-.298-.936q-.255-.255-.745-.291l-.17-.006l-11.522-.001zM32.21 8.423H7.656q-.638 0-.936.297q-.255.256-.291.76l-.006.176v36.012q0 .637.297.935q.256.255.76.291l.176.007l4.867-.001v-6.27q0-1.257.52-1.907l.108-.124q.57-.59 1.694-.643l.23-.005h9.694q1.317 0 1.934.648q.561.59.612 1.785l.005.245l-.001 6.271h4.89q.617 0 .914-.297q.255-.256.292-.76l.006-.175V9.656q0-.638-.298-.936q-.297-.297-.914-.297m-8.354 32.313h-7.866q-.618 0-.675.562l-.005.118l-.001 5.484h9.226v-5.484q0-.618-.561-.675zm21.067-2.105q.662 0 .717.607l.005.116v3.316q0 .663-.607.718l-.115.005h-3.423q-.642 0-.697-.607l-.004-.116v-3.316q0-.663.59-.718l.111-.005zm0-8.12q.662 0 .717.607l.005.115v3.316q0 .663-.607.718l-.115.005h-3.423q-.642 0-.697-.607l-.004-.116v-3.316q0-.663.59-.718l.111-.005zm-27.913-1.723q.806 0 .867.743l.005.129v4.018q0 .804-.743.866l-.129.005h-4.145q-.765 0-.824-.742l-.005-.13V29.66q0-.804.706-.867l.123-.005zm9.95 0q.804 0 .866.743l.005.129v4.018q0 .804-.743.866l-.129.005h-4.124q-.785 0-.845-.742l-.005-.13V29.66q0-.804.724-.867l.126-.005zm17.963-6.399q.662 0 .717.608l.005.115v3.317q0 .662-.607.717l-.115.005h-3.423q-.642 0-.697-.607l-.004-.115v-3.317q0-.661.59-.718l.111-.005zm-27.913-2.02q.806 0 .867.744l.005.128v4.018q0 .806-.743.867l-.129.005h-4.145q-.765 0-.824-.743l-.005-.129v-4.018q0-.804.706-.866l.123-.005zm9.95 0q.804 0 .866.744l.005.128v4.018q0 .806-.743.867l-.129.005h-4.124q-.785 0-.845-.743l-.005-.129v-4.018q0-.804.724-.866l.126-.005zm-9.95-8.417q.806 0 .867.742l.005.13v4.017q0 .804-.743.866l-.129.006h-4.145q-.765 0-.824-.743l-.005-.129v-4.018q0-.804.706-.866l.123-.005zm9.95 0q.804 0 .866.742l.005.13v4.017q0 .804-.743.866l-.129.006h-4.124q-.785 0-.845-.743l-.005-.129v-4.018q0-.804.724-.866l.126-.005z"/></svg>
Building 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:building-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:building-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:building-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--building-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:building-2"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:building-2"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/building-2.svg" alt="Building 2 アイコン" width="24" height="24">
他のアイコンセットの Building 2 アイコン
Building 2 アイコン のよくある質問
Building 2 アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Building 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:building-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Building 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/building-2.svg" alt="Building 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
