Person Arrow Back icon
Microsoft uses it in a wide range of scenarios - representing a general person, a contact, contact lists, sharing, and managing access. The Person Arrow Back icon is tagged arrow left, patient and human. Similar Fluent icons include Person Arrow Left, Person Arrow Right and Person Swap.
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_arrow_back_24_regular.svg
Person Arrow Back icon in React
npm install @fluentui/react-icons
import { PersonArrowBack24Regular } from "@fluentui/react-icons";
export function Example() {
return <PersonArrowBack24Regular aria-label="Person Arrow Back" />;
}Use the Person Arrow Back icon in React
Import PersonArrowBack24Regular and PersonArrowBack24Filled 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 Arrow Back |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 28 px, 32 px, 48 px |
| Regular (outlined) file | ic_fluent_person_arrow_back_24_regular.svg |
| Filled file | ic_fluent_person_arrow_back_24_filled.svg |
| React (Regular) | PersonArrowBack16Regular, PersonArrowBack20Regular, PersonArrowBack24Regular, PersonArrowBack28Regular, PersonArrowBack32Regular, PersonArrowBack48Regular |
| React (Filled) | PersonArrowBack16Filled, PersonArrowBack20Filled, PersonArrowBack24Filled, PersonArrowBack28Filled, PersonArrowBack32Filled, PersonArrowBack48Filled |
| Font glyph (Regular, 24 px) | U+EF96 ·  |
| Font glyph (Filled, 24 px) | U+EF96 ·  |
| License | MIT (© Microsoft Corporation) |