Arrow Hook Up Left icon
Microsoft uses it for undo/redo scenarios. The Arrow Hook Up Left icon is tagged point and direction. Similar Fluent icons include Arrow Hook Up Right, Arrow Hook Down Left and Arrow Hook Down Right.
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_arrow_hook_up_left_24_regular.svg
Arrow Hook Up Left icon in React
npm install @fluentui/react-icons
import { ArrowHookUpLeft24Regular } from "@fluentui/react-icons";
export function Example() {
return <ArrowHookUpLeft24Regular aria-label="Arrow Hook Up Left" />;
}Use the Arrow Hook Up Left icon in React
Import ArrowHookUpLeft24Regular and ArrowHookUpLeft24Filled 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 | Arrow Hook Up Left |
|---|---|
| Styles | Regular (outlined), Filled, Light |
| Sizes | 16 px, 20 px, 24 px, 28 px, 32 px |
| Regular (outlined) file | ic_fluent_arrow_hook_up_left_24_regular.svg |
| Filled file | ic_fluent_arrow_hook_up_left_24_filled.svg |
| React (Regular) | ArrowHookUpLeft16Regular, ArrowHookUpLeft20Regular, ArrowHookUpLeft24Regular, ArrowHookUpLeft28Regular, ArrowHookUpLeft32Regular |
| React (Filled) | ArrowHookUpLeft16Filled, ArrowHookUpLeft20Filled, ArrowHookUpLeft24Filled, ArrowHookUpLeft28Filled, ArrowHookUpLeft32Filled |
| React (Light) | ArrowHookUpLeft32Light |
| Font glyph (Regular, 24 px) | U+F8DF ·  |
| Font glyph (Filled, 24 px) | U+F8F7 ·  |
| License | MIT (© Microsoft Corporation) |