Caret Right Icons
Caret right marks the "collapsed, more inside" state in dense, compact UI elements — a submenu indicator in a tree view, the closed state of an inline expandable row, a nested navigation item hinting at children underneath. This page collects caret-right 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 right iconsSource libraries
| Library | Icons | Total in pack |
|---|---|---|
| Phosphor | 13 | 9,161 |
| Boxicons | 7 | 3,768 |
| BoxIcons v2 | 5 | 1,609 |
| Fluent UI System Icons | 5 | 20,108 |
| Fluent UI MDL2 | 4 | 1,735 |
| Reicon | 4 | 5,348 |
| Tabler Icons | 4 | 6,232 |
| Bootstrap Icons | 3 | 2,084 |
| coolicons | 3 | 715 |
| Font Awesome Solid | 3 | 2,000 |
| Stash Icons | 3 | 982 |
| Ant Design Icons | 2 | 848 |
| Basil | 2 | 496 |
| Bitcoin Icons | 2 | 330 |
| BoxIcons v2 Solid | 2 | 665 |
| Font Awesome 5 Solid | 2 | 1,023 |
| Font Awesome 6 Solid | 2 | 1,407 |
| Font Awesome Regular | 2 | 272 |
| Flowbite Icons | 2 | 804 |
| Line Awesome | 2 | 1,544 |
| Mage Icons | 2 | 1,042 |
| TDesign Icons | 2 | 2,362 |
| Vaadin Icons | 2 | 636 |
| Material Design Iconic Font | 2 | 777 |
| Bytesize Icons | 1 | 102 |
| Carbon | 1 | 2,733 |
| CoreUI Free | 1 | 562 |
| Cuida Icons | 1 | 182 |
| Elusive Icons | 1 | 304 |
| Element Plus | 1 | 293 |
| Font Awesome 5 Regular | 1 | 151 |
| Font Awesome 6 Regular | 1 | 164 |
| FontAudio | 1 | 155 |
| Fontisto | 1 | 615 |
| FormKit Icons | 1 | 144 |
| Gravity UI Icons | 1 | 799 |
| Grommet Icons | 1 | 637 |
| Mono Icons | 1 | 180 |
| Mono Icons | 1 | 180 |
| Open Iconic | 1 | 223 |
| Prime Icons | 1 | 313 |
| Radix Icons | 1 | 342 |
| Unicons | 1 | 1,216 |
| uiw icons | 1 | 214 |
Frequently Asked Questions
It appears most often in tree views and file explorers to indicate a collapsed node with children, nested sidebar navigation items that expand into a submenu, and compact table rows that reveal more detail when clicked. Its small, solid shape suits these dense, indentation-heavy layouts.
Yes, generally — since caret right is tied to expand/collapse direction in tree views and nested navigation, it should mirror to caret left in RTL layouts, similar to how chevrons handle directional flipping.
Both are common conventions, but they signal slightly different structures: caret right usually indicates a horizontal tree or nested hierarchy (like a file explorer), rotating to caret-down when expanded, while caret down alone (without a right state) is more typical for simple accordions and dropdowns that don't involve nested indentation.
You can flip a single caret icon horizontally with CSS ('transform: scaleX(-1)') to get the left-facing version, since carets are typically simple and symmetric. This also makes RTL mirroring straightforward, since you're just toggling the same transform based on layout direction.
The standard approach is a CSS transition on 'transform: rotate(90deg)' applied to a single caret-right icon, rotating it when the node expands, rather than swapping to a separate caret-down icon file — this keeps the motion smooth instead of an abrupt icon change.
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.