Arrow Down Left icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable navigation vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-left.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-left.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-left.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrow-down-left.json
Category:navigation
Tags:arrowdiagonaldown-leftsouthwestnavigatedirectionmovement

The arrow-down-left icon represents diagonal downward-leftward navigation and directional movement in modern interfaces.

Featuring a diagonal arrow pointing toward the bottom-left, this symbol indicates southwest directional movement, diagonal transitions, and combined downward-leftward actions across digital applications.

Frequently Asked Questions

Common questions about the Arrow Down Left icon

Similar Icons

Calendar Date Range Solid - interface icon from HeroIcons
calendar date range solid
Arrow Turn Left Down Solid - actions icon from HeroIcons
arrow turn left down solid
Credit Card - interface icon from HeroIcons
credit card
Presentation Chart Line 16 Solid - data icon from HeroIcons
presentation chart line 16 solid
Building Office 20 Solid - interface icon from HeroIcons
building office 20 solid
Arrow Right End On Rectangle - navigation icon from HeroIcons
arrow right end on rectangle
Check Badge - status icon from HeroIcons
check badge
Arrow Up Tray 16 Solid - actions icon from HeroIcons
arrow up tray 16 solid
Arrow Uturn Left 16 Solid - actions icon from HeroIcons
arrow uturn left 16 solid