Building Government Search icon
Used for location scenarios. The Building Government Search 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 Search 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 { BuildingGovernmentSearch24Regular, BuildingGovernmentSearch24Filled } from "@fluentui/react-icons";
export function Example() {
return <BuildingGovernmentSearch24Regular aria-label="Building Government Search" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_building_government_search_24_regular.svg" width="24" height="24" alt="Building Government Search"> 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.5004 11.75C15.5004 11.3358 15.1646 11 14.7504 11C14.3362 11 14.0004 11.3358 14.0004 11.75V13.75C14.0004 14.1642 14.3362 14.5 14.7504 14.5C15.1646 14.5 15.5004 14.1642 15.5004 13.75V11.75ZM11.7504 11C12.1646 11 12.5004 11.3358 12.5004 11.75V13.75C12.5004 14.1642 12.1646 14.5 11.7504 14.5C11.3362 14.5 11.0004 14.1642 11.0004 13.75V11.75C11.0004 11.3358 11.3362 11 11.7504 11ZM9.50037 11.75C9.50037 11.3358 9.16458 11 8.75037 11C8.38515 11 8.08091 11.261 8.01404 11.6067C8.57166 11.8937 9.07386 12.2733 9.50037 12.7251V11.75ZM13.7504 17H10.9779C10.9307 17.5247 10.8097 18.0282 10.6254 18.5H13.0004V20.5H11.9752L12.4878 21.0126C12.7658 21.2905 12.9307 21.6387 12.9825 22H21.2504C21.6646 22 22.0004 21.6642 22.0004 21.25V15.25C22.0004 14.0074 20.993 13 19.7504 13H19.0004C19.0004 9.30212 16.133 6.27396 12.5004 6.01758V5H15.5004C15.7765 5 16.0004 4.77614 16.0004 4.5V2.5C16.0004 2.22386 15.7765 2 15.5004 2H11.7504C11.3362 2 11.0004 2.33579 11.0004 2.75V6.07089C8.2752 6.46069 6.05638 8.42012 5.28906 11.004C5.35917 11.0013 5.42961 11 5.50037 11C5.95391 11 6.39464 11.0549 6.81625 11.1584C7.57361 9.02654 9.60872 7.5 12.0004 7.5C15.0379 7.5 17.5004 9.96243 17.5004 13V13.75C17.5004 14.1642 17.8362 14.5 18.2504 14.5H19.7504C20.1646 14.5 20.5004 14.8358 20.5004 15.25V20.5H14.5004V17.75C14.5004 17.3358 14.1646 17 13.7504 17ZM19.0004 16.25C19.0004 15.8358 18.6646 15.5 18.2504 15.5C17.8362 15.5 17.5004 15.8358 17.5004 16.25V18.75C17.5004 19.1642 17.8362 19.5 18.2504 19.5C18.6646 19.5 19.0004 19.1642 19.0004 18.75V16.25ZM5.5 21C6.47187 21 7.37179 20.6919 8.1074 20.1681L10.7197 22.7803C11.0126 23.0732 11.4874 23.0732 11.7803 22.7803C12.0732 22.4874 12.0732 22.0126 11.7803 21.7197L9.16806 19.1074C9.69191 18.3718 10 17.4719 10 16.5C10 14.0147 7.98528 12 5.5 12C3.01472 12 1 14.0147 1 16.5C1 18.9853 3.01472 21 5.5 21ZM5.5 19.5C3.84315 19.5 2.5 18.1569 2.5 16.5C2.5 14.8431 3.84315 13.5 5.5 13.5C7.15685 13.5 8.5 14.8431 8.5 16.5C8.5 18.1569 7.15685 19.5 5.5 19.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_search_24_regular.svg";Details
| Name | Building Government Search |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_building_government_search_24_regular.svg |
| Filled file | ic_fluent_building_government_search_24_filled.svg |
| React components | BuildingGovernmentSearch24Regular, BuildingGovernmentSearch24Filled |
| License | MIT (© Microsoft Corporation) |