Folder People icon

Use the Folder 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 { FolderPeople24Regular, FolderPeople24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_folder_people_24_regular.svg" width="24" height="24" alt="Folder 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="M3.5 6.25V8H8.12868C8.32759 8 8.51836 7.92098 8.65901 7.78033L10.1893 6.25L8.65901 4.71967C8.51836 4.57902 8.32759 4.5 8.12868 4.5H5.25C4.2835 4.5 3.5 5.2835 3.5 6.25ZM2 6.25C2 4.45507 3.45507 3 5.25 3H8.12868C8.72542 3 9.29771 3.23705 9.71967 3.65901L11.5607 5.5H18.75C20.5449 5.5 22 6.95507 22 8.75V13.4998C21.5822 13.186 21.0628 13 20.5 13V8.75C20.5 7.7835 19.7165 7 18.75 7H11.5607L9.71967 8.84099C9.29771 9.26295 8.72542 9.5 8.12868 9.5H3.5V17.75C3.5 18.7165 4.2835 19.5 5.25 19.5H11.0415C11.0142 19.6626 11 19.8296 11 20C11 20.3281 11.0362 20.6658 11.116 21H5.25C3.45507 21 2 19.5449 2 17.75V6.25ZM15.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/folder_people_24_regular.svg";

Details

Keywords

analogcollectionpeoplefilestorage