Building 1 icon
glyphs-poly:building-1
The Building 1 icon (glyphs-poly:building-1) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly 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
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2994a" stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 17h32v6H24z"/><path stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 17v-4"/><path fill="#4f4f4f" fill-rule="evenodd" d="M20 23h40v44H20z" clip-rule="evenodd"/><path fill="#4f4f4f" d="M60 23h2a2 2 0 0 0-2-2zm-40 0v-2a2 2 0 0 0-2 2zm40 44v2a2 2 0 0 0 2-2zm-40 0h-2a2 2 0 0 0 2 2zm-2-46a2 2 0 1 0 0 4zm44 4a2 2 0 1 0 0-4zM18 65a2 2 0 1 0 0 4zm2 4a2 2 0 1 0 0-4zm40-4a2 2 0 1 0 0 4zm2 4a2 2 0 1 0 0-4zm-2-48H20v4h40zm2 46V23h-4v44zm-42 2h40v-4H20zm-2-46v44h4V23zm0 2h44v-4H18zm0 44h2v-4h-2zm42 0h2v-4h-2z"/><path fill="#f2c94c" stroke="#f2c94c" stroke-linecap="round" stroke-width="4" d="M43 53h-6a2 2 0 0 0-2 2v12h10V55a2 2 0 0 0-2-2Z"/><path stroke="#f2c94c" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M28 29v6m0 6v6m0 6v6m8-30v6m0 6v6m8-18v6m0 6v6m8-18v6m0 6v6m0 6v6"/></g></svg>
How to use the Building 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:building-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:building-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:building-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--building-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:building-1"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:building-1"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/building-1.svg" alt="Building 1 icon" width="24" height="24">
Related icons in Glyphs Poly
Building 1 icon in other icon sets
Building 1 icon FAQ
Is the Building 1 icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Building 1 icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:building-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Building 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/building-1.svg" alt="Building 1 icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
