Building 2 icon
f7:building-2
The Building 2 icon (f7:building-2) is a free SVG icon from the Framework7 Icons set by Vladimir Kharlampidi. It is drawn on a 56 × 56 grid. Framework7 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Framework7 Icons
- Author
- Vladimir Kharlampidi
- License
- MIT
- Size
- 56 × 56
SVG code
<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>
How to use the Building 2 icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/f7/building-2.svg" alt="Building 2 icon" width="24" height="24">
Related icons in Framework7 Icons
Building 2 icon in other icon sets
Building 2 icon FAQ
Is the Building 2 icon free for commercial use?
Yes. Framework7 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Building 2 icon in React?
Install @iconify/react and render <Icon icon="f7:building-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Building 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/f7/building-2.svg" alt="Building 2 icon">, or paste the SVG code inline to style it with CSS.
Browse all Framework7 Icons →
ICONYZ
