Chevron Down Icons
Chevron down is probably the single most-used icon in any interface with a dropdown, select, or accordion — it's the default "closed, tap to expand" signal almost everyone recognizes without a label. This page collects chevron-down variants across Pathwork's libraries in a range of stroke weights, so you can match it against whatever select, menu, or filter component you're building.
Showing top 100·68 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all chevron down iconsSource libraries
Frequently Asked Questions
It's the default indicator for select dropdowns, filter menus, and collapsed accordion sections, and also appears in descending sort indicators on data tables and 'show more' expandable content. Its meaning is broadly understood as 'more options below' or 'tap to expand'.
Native HTML select elements come with a built-in dropdown arrow that varies by browser and OS, which can look inconsistent across platforms. Many teams replace it with a custom chevron-down icon and CSS styling on the select element to get a consistent look across browsers — this page is useful for that exact case.
The standard approach is a CSS transition on 'transform: rotate()' applied to a single chevron-down icon, rotating it 180 degrees when the dropdown or accordion opens, rather than swapping to a separate chevron-up icon file. This keeps the motion smooth instead of an abrupt icon change.
Chevron down works reasonably well for 'load more' since it implies revealing more content below, though some interfaces prefer a plus icon or explicit text-only button for that action instead, since chevron down is so strongly associated with dropdowns and accordions specifically. Consider your surrounding context to avoid ambiguity.
No — chevron down represents vertical direction, which isn't affected by horizontal reading direction. It can be used identically in both LTR and RTL layouts without mirroring.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific icon comes from. Check the license shown on the individual icon's page before using it commercially.