The Phosphor building icon depicts a generic structure, commonly used to represent places, companies, or business-related locations in user interfaces.
Common uses
- Representing a company's headquarters.
- Indicating a physical store or office location on a map.
- As a navigation item for a 'Business' or 'Company' section.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Building } from '@phosphor-icons/react';
<Building size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Building size={24} />thin
<Building size={24} weight="thin" />light
<Building size={24} weight="light" />bold
<Building size={24} weight="bold" />fill
<Building size={24} weight="fill" />duotone
<Building size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- *new*placeslocationscompanybusinessbuildingscommercemaps & travelbuildingofficelocation
FAQ
- What is the building icon typically used for?
- It's used to signify places, locations, companies, or business-related entities within an application's UI.
- How do I use the building icon in React?
- You can import and use it like this: import { Building } from '@phosphor-icons/react'. Then render it as <Building />.
- What is the license for the Phosphor building icon?
- The Phosphor icon library, including the building icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →