Organization icon

Use the Organization 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 { Organization24Regular, Organization24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_organization_24_regular.svg" width="24" height="24" alt="Organization">

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="M11.7498 1.99805C9.67751 1.99805 7.99756 3.678 7.99756 5.75033C7.99756 7.56587 9.28697 9.08025 11 9.42768V11.5003H7.75C6.50736 11.5003 5.5 12.5077 5.5 13.7503V14.5757C3.78819 14.9241 2.5 16.4379 2.5 18.2526C2.5 20.3249 4.17996 22.0049 6.25228 22.0049C8.32461 22.0049 10.0046 20.3249 10.0046 18.2526C10.0046 16.4363 8.71409 14.9214 7 14.5748V13.7503C7 13.3361 7.33579 13.0003 7.75 13.0003H15.75C16.1642 13.0003 16.5 13.3361 16.5 13.7503V14.5757C14.7882 14.9241 13.5 16.4379 13.5 18.2526C13.5 20.3249 15.18 22.0049 17.2523 22.0049C19.3246 22.0049 21.0046 20.3249 21.0046 18.2526C21.0046 16.4363 19.7141 14.9214 18 14.5748V13.7503C18 12.5077 16.9926 11.5003 15.75 11.5003H12.5V9.42762C14.2129 9.08007 15.5021 7.56576 15.5021 5.75033C15.5021 3.678 13.8222 1.99805 11.7498 1.99805ZM9.49756 5.75033C9.49756 4.50643 10.5059 3.49805 11.7498 3.49805C12.9937 3.49805 14.0021 4.50643 14.0021 5.75033C14.0021 6.99423 12.9937 8.00262 11.7498 8.00262C10.5059 8.00262 9.49756 6.99423 9.49756 5.75033ZM4 18.2526C4 17.0087 5.00838 16.0003 6.25228 16.0003C7.49619 16.0003 8.50457 17.0087 8.50457 18.2526C8.50457 19.4965 7.49619 20.5049 6.25228 20.5049C5.00838 20.5049 4 19.4965 4 18.2526ZM17.2523 16.0003C18.4962 16.0003 19.5046 17.0087 19.5046 18.2526C19.5046 19.4965 18.4962 20.5049 17.2523 20.5049C16.0084 20.5049 15 19.4965 15 18.2526C15 17.0087 16.0084 16.0003 17.2523 16.0003Z" 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/organization_24_regular.svg";

Details

Keywords

groupcompanyteamorgbranch