Caret Up Icons

Caret up shows up mostly as the "ascending" or "collapsed" state in dense, compact UI elements — a sort arrow above a table column, the closed state of a small inline dropdown, a stepper's increment control. This page collects caret-up variants across Pathwork's libraries, useful anywhere a chevron feels too open for the tight space it needs to fit.

Showing top 100·44 icon packs·Free & open source

Showing top 100 results — many more icons available

Search all caret up icons

Frequently Asked Questions

It appears most often as an ascending sort indicator in a table column header, the closed state of a compact inline dropdown, and increment controls in number steppers. Its small, solid shape makes it a good fit for these dense, text-adjacent contexts.

Caret up tends to work better at very small sizes (like inside a table header next to column text), since its solid filled triangle stays legible where a chevron's thinner stroke can look faint. For larger, more spaced-out UI elements, chevron up is usually the more common choice.

The common approach is rotating a single caret icon 180 degrees with CSS ('transform: rotate(180deg)') based on sort state, rather than swapping between two separate icon files — this keeps the transition smooth and reduces the number of assets you need to manage.

Caret up can work for a compact, minimal 'scroll to top' button, but a full arrow icon often communicates the action more clearly if the button is more prominent or standalone, since caret's small, dense shape is more associated with inline indicators than standalone actions.

No — caret up 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.