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

The arrow-down icon represents downward navigation and descending actions in modern digital interfaces.

Featuring a simple downward-pointing arrow, this symbol has become the universal indicator for download actions, scrolling down through content, expanding collapsed sections, and navigating to lower hierarchical levels in applications.

Frequently Asked Questions

Common questions about the Arrow Down icon

Similar Icons

Check 20 Solid - status icon from HeroIcons
check 20 solid
Slash 16 Solid - status icon from HeroIcons
slash 16 solid
Magnifying Glass 16 Solid - actions icon from HeroIcons
magnifying glass 16 solid
At Symbol 16 Solid - communication icon from HeroIcons
at symbol 16 solid
Eye Slash Solid - interface icon from HeroIcons
eye slash solid
Currency Yen Solid - interface icon from HeroIcons
currency yen solid
Bookmark Slash Solid - actions icon from HeroIcons
bookmark slash solid
Link Slash 20 Solid - actions icon from HeroIcons
link slash 20 solid
Square 3 Stack 3d 20 Solid - layout icon from HeroIcons
square 3 stack 3d 20 solid