Arrow Down 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/akar-icons-arrow-down.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-arrow-down.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-arrow-down.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-arrow-down.json
Category:navigation
Tags:downarrowdownwardexpanddownloadscrolldescend

The arrow-down icon represents downward navigation, content expansion, and descending actions in application interfaces.

Featuring a simple downward-pointing arrow, this symbol has become the universal control for scrolling down, expanding content sections, and triggering download actions in digital applications.

Frequently Asked Questions

Common questions about the Arrow Down icon

Similar Icons

Panel Split Row - layout icon from Akar Icons
panel split row
Three Line Vertical - interface icon from Akar Icons
three line vertical
Linkedin Box Fill - communication icon from Akar Icons
linkedin box fill
Thunder - status icon from Akar Icons
thunder
Toggle Off - interface icon from Akar Icons
toggle off
Calendar - interface icon from Akar Icons
calendar
Folder Add - actions icon from Akar Icons
folder add
Music Note - media icon from Akar Icons
music note
More Vertical - interface icon from Akar Icons
more vertical