iOS Arrow icon
Microsoft uses it in specific iOS devices UI. The iOS Arrow icon is tagged chevron and back. Similar Fluent icons include iOS Chevron Right, Share iOS and iOS Arrow LTR.
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_ios_arrow_24_regular.svg
iOS Arrow icon in React
npm install @fluentui/react-icons
import { IosArrow24Regular } from "@fluentui/react-icons";
export function Example() {
return <IosArrow24Regular aria-label="iOS Arrow" />;
}Use the iOS Arrow icon in React
Import IosArrow24Regular and IosArrow24Filled 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 | iOS Arrow |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 24 px |
| Regular (outlined) file | ic_fluent_ios_arrow_24_regular.svg |
| Filled file | ic_fluent_ios_arrow_24_filled.svg |
| React (Regular) | IosArrow24Regular |
| React (Filled) | IosArrow24Filled |
| Font glyph (Regular, 24 px) | U+F028E · 󰊎 |
| Font glyph (Filled, 24 px) | U+F02A1 · 󰊡 |
| License | MIT (© Microsoft Corporation) |