Person Add icon
Microsoft uses it in a wide range of adding or edit scenarios - representing a general person, a contact, contact lists, sharing, and managing access. The Person Add icon is tagged new, plus and patient. Similar Fluent icons include Person Board Add, Person Square Add and Person Edit.
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_person_add_24_regular.svg
Person Add icon in React
npm install @fluentui/react-icons
import { PersonAdd24Regular } from "@fluentui/react-icons";
export function Example() {
return <PersonAdd24Regular aria-label="Person Add" />;
}Use the Person Add icon in React
Import PersonAdd24Regular and PersonAdd24Filled 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
| Name | Person Add |
|---|---|
| Styles | Regular (outlined), Filled, Color, Light |
| Sizes | 16 px, 20 px, 24 px, 28 px, 32 px, 48 px |
| Regular (outlined) file | ic_fluent_person_add_24_regular.svg |
| Filled file | ic_fluent_person_add_24_filled.svg |
| Color file | ic_fluent_person_add_24_color.svg |
| React (Regular) | PersonAdd16Regular, PersonAdd20Regular, PersonAdd24Regular, PersonAdd28Regular, PersonAdd32Regular, PersonAdd48Regular |
| React (Filled) | PersonAdd16Filled, PersonAdd20Filled, PersonAdd24Filled, PersonAdd28Filled, PersonAdd32Filled, PersonAdd48Filled |
| React (Color) | PersonAdd20Color, PersonAdd24Color, PersonAdd28Color, PersonAdd32Color, PersonAdd48Color |
| React (Light) | PersonAdd32Light |
| Font glyph (Regular, 24 px) | U+F5C3 ·  |
| Font glyph (Filled, 24 px) | U+F5CD ·  |
| License | MIT (© Microsoft Corporation) |
Keywords
Also in Material Symbols
Person AddGoogle's version of this icon, on Materialicons