Building Factory icon
Used for location scenarios. The Building Factory 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 Factory 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 { BuildingFactory24Regular, BuildingFactory24Filled } from "@fluentui/react-icons";
export function Example() {
return <BuildingFactory24Regular aria-label="Building Factory" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_building_factory_24_regular.svg" width="24" height="24" alt="Building Factory"> 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="M5.16994 2C3.97448 2 2.98774 2.93485 2.92322 4.12856L2.08538 19.6286C2.01573 20.917 3.04174 22 4.3321 22H7.16556C8.45592 22 9.48193 20.917 9.41228 19.6286L8.57444 4.12856C8.50991 2.93485 7.52317 2 6.32772 2H5.16994ZM4.42103 4.20952C4.44254 3.81162 4.77145 3.5 5.16994 3.5H6.32772C6.7262 3.5 7.05512 3.81162 7.07663 4.20952L7.91446 19.7095C7.93768 20.139 7.59568 20.5 7.16556 20.5H4.3321C3.90198 20.5 3.55998 20.139 3.58319 19.7095L4.42103 4.20952ZM9.51074 22C9.90613 21.5878 10.1935 21.0723 10.3289 20.5H11.4988V16.25C11.4988 15.2835 12.2823 14.5 13.2488 14.5H17.2488C18.2153 14.5 18.9988 15.2835 18.9988 16.25V20.5H19.7488C20.163 20.5 20.4988 20.1642 20.4988 19.75V7.71299L15.2575 12.5511C15.0386 12.7532 14.7209 12.8065 14.448 12.687C14.1751 12.5676 13.9988 12.2979 13.9988 12V7.71299L9.97062 11.4313L9.86552 9.48695L14.2401 5.4489C14.459 5.24684 14.7767 5.19349 15.0496 5.31297C15.3225 5.43245 15.4988 5.7021 15.4988 6V10.287L20.7401 5.4489C20.959 5.24684 21.2767 5.19349 21.5496 5.31297C21.8225 5.43244 21.9988 5.7021 21.9988 6V19.75C21.9988 20.9926 20.9914 22 19.7488 22H9.51074ZM12.9988 16.25V20.5H17.4988V16.25C17.4988 16.1119 17.3869 16 17.2488 16H13.2488C13.1107 16 12.9988 16.1119 12.9988 16.25Z" 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_factory_24_regular.svg";Details
| Name | Building Factory |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_building_factory_24_regular.svg |
| Filled file | ic_fluent_building_factory_24_filled.svg |
| React components | BuildingFactory24Regular, BuildingFactory24Filled |
| License | MIT (© Microsoft Corporation) |