Building Government icon
Used for location scenarios. The Building Government icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Building Government icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { BuildingGovernment24Regular, BuildingGovernment24Filled } from "@fluentui/react-icons";
export function Example() {
return <BuildingGovernment24Regular aria-label="Building Government" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_building_government_24_regular.svg" width="24" height="24" alt="Building Government"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 11.75C15.5 11.3358 15.1642 11 14.75 11C14.3358 11 14 11.3358 14 11.75V13.75C14 14.1642 14.3358 14.5 14.75 14.5C15.1642 14.5 15.5 14.1642 15.5 13.75V11.75ZM11.75 11C12.1642 11 12.5 11.3358 12.5 11.75V13.75C12.5 14.1642 12.1642 14.5 11.75 14.5C11.3358 14.5 11 14.1642 11 13.75V11.75C11 11.3358 11.3358 11 11.75 11ZM9.5 11.75C9.5 11.3358 9.16421 11 8.75 11C8.33579 11 8 11.3358 8 11.75V13.75C8 14.1642 8.33579 14.5 8.75 14.5C9.16421 14.5 9.5 14.1642 9.5 13.75V11.75ZM5.75 15.5C6.16421 15.5 6.5 15.8358 6.5 16.25V18.75C6.5 19.1642 6.16421 19.5 5.75 19.5C5.33579 19.5 5 19.1642 5 18.75V16.25C5 15.8358 5.33579 15.5 5.75 15.5ZM19 16.25C19 15.8358 18.6642 15.5 18.25 15.5C17.8358 15.5 17.5 15.8358 17.5 16.25V18.75C17.5 19.1642 17.8358 19.5 18.25 19.5C18.6642 19.5 19 19.1642 19 18.75V16.25ZM11.75 2H15.5C15.7761 2 16 2.22386 16 2.5V4.5C16 4.77614 15.7761 5 15.5 5H12.5V6.01758C16.1326 6.27396 19 9.30212 19 13H19.75C20.9926 13 22 14.0074 22 15.25V21.25C22 21.6642 21.6642 22 21.25 22H2.75C2.33579 22 2 21.6642 2 21.25V15.25C2 14.0074 3.00736 13 4.25 13H5C5 9.47353 7.60771 6.55612 11 6.07089V2.75C11 2.33579 11.3358 2 11.75 2ZM12 7.5C8.96243 7.5 6.5 9.96243 6.5 13V13.75C6.5 14.1642 6.16421 14.5 5.75 14.5H4.25C3.83579 14.5 3.5 14.8358 3.5 15.25V20.5H9.5V17.75C9.5 17.3358 9.83579 17 10.25 17H13.75C14.1642 17 14.5 17.3358 14.5 17.75V20.5H20.5V15.25C20.5 14.8358 20.1642 14.5 19.75 14.5H18.25C17.8358 14.5 17.5 14.1642 17.5 13.75V13C17.5 9.96243 15.0376 7.5 12 7.5ZM13 18.5H11V20.5H13V18.5Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/building_government_24_regular.svg";Details
| Name | Building Government |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_building_government_24_regular.svg |
| Filled file | ic_fluent_building_government_24_filled.svg |
| React components | BuildingGovernment24Regular, BuildingGovernment24Filled |
| License | MIT (© Microsoft Corporation) |