Building icon

Microsoft uses it for location scenarios. The Building icon is tagged skyscraper, architecture and construction. Similar Fluent icons include Building Desktop, Building Home and Building Multiple.

Regular (outlined)

SVG

Filled

SVG
Building Color

Color

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_building_24_regular.svg

Building icon in React

npm install @fluentui/react-icons

import { Building24Regular } from "@fluentui/react-icons";

export function Example() {
  return <Building24Regular aria-label="Building" />;
}

Use the Building icon in React

Import Building24Regular and Building24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameBuilding
StylesRegular (outlined), Filled, Color
Sizes16 px, 20 px, 24 px, 32 px, 48 px
Regular (outlined) fileic_fluent_building_24_regular.svg
Filled fileic_fluent_building_24_filled.svg
Color fileic_fluent_building_24_color.svg
React (Regular)Building16Regular, Building20Regular, Building24Regular, Building32Regular, Building48Regular
React (Filled)Building16Filled, Building20Filled, Building24Filled, Building32Filled, Building48Filled
React (Color)Building16Color, Building20Color, Building24Color, Building32Color, Building48Color
Font glyph (Regular, 24 px)U+F205 · &#xF205;
Font glyph (Filled, 24 px)U+F205 · &#xF205;
LicenseMIT (© Microsoft Corporation)

Keywords

structureconstructionarchitecture

Also in Material Symbols

Apartment iconApartmentGoogle's version of this icon, on Materialicons

Similar icons