Chevron Up Icons
Chevron up shows up mostly as the "closed" or "collapse" state of something that toggles — the flipped counterpart to chevron down once a dropdown opens, an accordion expands, or a section gets collapsed. This page collects chevron-up variants across Pathwork's libraries in a range of stroke weights, so you can match whatever chevron-down icon you're already using rather than ending up with two visually inconsistent halves of the same toggle.
Showing top 100·70 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all chevron up iconsSource libraries
Frequently Asked Questions
Rotating a single chevron-down icon 180 degrees with CSS ('transform: rotate(180deg)') is usually the simpler approach for toggle states, since it guarantees the two states are visually identical apart from direction. A dedicated chevron-up icon is mainly useful when you need it independently of a toggle, or when the design system just prefers explicit icon names over rotation.
Beyond collapse/expand toggles, chevron up appears in 'scroll to top' buttons, ascending sort indicators in data tables, and stepper controls for incrementing a numeric value. The direction implies 'less', 'earlier', or 'top' depending on context.
The most common approach is a CSS transition on 'transform: rotate()' applied to a single chevron icon, so it rotates smoothly between 0 and 180 degrees rather than swapping between two separate static icons, which can look like an abrupt jump instead of a smooth flip.
No — chevron up isn't tied to horizontal reading direction the way left/right arrows are, so it typically doesn't need to change for RTL layouts. Vertical direction (up/down) stays the same regardless of text direction.
Yes, stroke weight varies by library — thinner chevrons tend to suit compact toggles like table column sorters, while bolder ones read more clearly in larger touch targets like mobile accordion headers. Previewing a few at your actual toggle size helps confirm which reads best.
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.