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

The chevron-down icon represents downward navigation and content expansion in dropdown and accordion interfaces.

Featuring a downward-pointing V-shaped arrow, this symbol has become the universal standard for indicating expandable content and downward directional navigation.

Frequently Asked Questions

Common questions about the Chevron Down icon

Similar Icons

Align Left - typography icon from Lucide
align left
Signal Low - status icon from Lucide
signal low
Fast Forward - media icon from Lucide
fast forward
File Json 2 - system icon from Lucide
file json 2
List Chevrons Down Up - navigation icon from Lucide
list chevrons down up
Letter Text - typography icon from Lucide
letter text
Leafy Green - nature icon from Lucide
leafy green
Align Vertical Justify End - layout icon from Lucide
align vertical justify end
Train Front - interface icon from Lucide
train front