Building People icon

Use the Building People 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 { BuildingPeople24Regular, BuildingPeople24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_building_people_24_regular.svg" width="24" height="24" alt="Building People">

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="M4.75 22C4.33579 22 4 21.6642 4 21.25V4.25C4 3.00736 5.00736 2 6.25 2H14.25C15.4926 2 16.5 3.00736 16.5 4.25V9.5H17.75C18.9926 9.5 20 10.5074 20 11.75V13.05C19.39 13.1738 18.8606 13.5198 18.5 13.9998V11.75C18.5 11.3358 18.1642 11 17.75 11H15.75C15.3358 11 15 10.6642 15 10.25V4.25C15 3.83579 14.6642 3.5 14.25 3.5H6.25C5.83579 3.5 5.5 3.83579 5.5 4.25V20.5H11.0283C11.0864 21.0085 11.2369 21.5238 11.5058 22H4.75ZM7.5 6.5C7.5 5.94772 7.94772 5.5 8.5 5.5C9.05229 5.5 9.5 5.94772 9.5 6.5C9.5 7.05228 9.05229 7.5 8.5 7.5C7.94772 7.5 7.5 7.05228 7.5 6.5ZM7.5 13.5C7.5 12.9477 7.94772 12.5 8.5 12.5C9.05229 12.5 9.5 12.9477 9.5 13.5C9.5 14.0523 9.05229 14.5 8.5 14.5C7.94772 14.5 7.5 14.0523 7.5 13.5ZM12 9C11.4477 9 11 9.44771 11 10C11 10.5523 11.4477 11 12 11C12.5523 11 13 10.5523 13 10C13 9.44771 12.5523 9 12 9ZM11 6.5C11 5.94772 11.4477 5.5 12 5.5C12.5523 5.5 13 5.94772 13 6.5C13 7.05228 12.5523 7.5 12 7.5C11.4477 7.5 11 7.05228 11 6.5ZM8.5 9C7.94772 9 7.5 9.44771 7.5 10C7.5 10.5523 7.94772 11 8.5 11C9.05229 11 9.5 10.5523 9.5 10C9.5 9.44771 9.05229 9 8.5 9ZM15.5 17C16.6046 17 17.5 16.1046 17.5 15C17.5 13.8954 16.6046 13 15.5 13C14.3954 13 13.5 13.8954 13.5 15C13.5 16.1046 14.3954 17 15.5 17ZM15.5 23C18.0667 23 19 21.4793 19 20C19 18.8954 18.1046 18 17 18H14C12.8954 18 12 18.8954 12 20C12 21.4793 12.9333 23 15.5 23ZM19.5068 21.978C19.6628 21.9925 19.8272 22 20.0002 22C22.2002 22 23.0002 20.7835 23.0002 19.6C23.0002 18.7163 22.2839 18 21.4002 18H19.2363C19.7114 18.5308 20.0002 19.2316 20.0002 20C20.0002 20.6561 19.8556 21.3503 19.5068 21.978ZM22 15.5C22 16.3284 21.3284 17 20.5 17C19.6716 17 19 16.3284 19 15.5C19 14.6716 19.6716 14 20.5 14C21.3284 14 22 14.6716 22 15.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_people_24_regular.svg";

Details

Keywords

structureconstructionarchitectureskyscraperteammeetinglocationmeetup