People Settings icon

Microsoft uses it in a wide range of scenarios - representing a general group, contacts, contact lists, sharing, and managing access. The People Settings icon is tagged gear, team and group. Similar Fluent icons include People, People Add and People Audience.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_people_settings_24_regular.svg

People Settings icon in React

npm install @fluentui/react-icons

import { PeopleSettings24Regular } from "@fluentui/react-icons";

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

Use the People Settings icon in React

Import PeopleSettings24Regular and PeopleSettings24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NamePeople Settings
StylesRegular (outlined), Filled, Light
Sizes20 px, 24 px, 28 px, 32 px
Regular (outlined) fileic_fluent_people_settings_24_regular.svg
Filled fileic_fluent_people_settings_24_filled.svg
React (Regular)PeopleSettings20Regular, PeopleSettings24Regular, PeopleSettings28Regular, PeopleSettings32Regular
React (Filled)PeopleSettings20Filled, PeopleSettings24Filled, PeopleSettings28Filled, PeopleSettings32Filled
React (Light)PeopleSettings32Light
Font glyph (Regular, 24 px)U+E908 · &#xE908;
Font glyph (Filled, 24 px)U+E91A · &#xE91A;
LicenseMIT (© Microsoft Corporation)

Keywords

groupteamorganizationcontactguestgear

Similar icons