Caret Left Icons
Caret left marks the "collapsed" or "previous" state in dense, compact UI elements — collapsing a nested tree node back down, a "previous" control inside a small inline carousel, a step-back trigger in a compact stepper. This page collects caret-left variants across Pathwork's libraries, useful anywhere a chevron feels too open for the tight space it needs to fit.
Showing top 100·46 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all caret left iconsSource libraries
| Library | Icons | Total in pack |
|---|---|---|
| Phosphor | 13 | 9,161 |
| Boxicons | 7 | 3,768 |
| BoxIcons v2 | 5 | 1,609 |
| Reicon | 4 | 5,348 |
| Tabler Icons | 4 | 6,232 |
| Bootstrap Icons | 3 | 2,084 |
| coolicons | 3 | 715 |
| Font Awesome Solid | 3 | 2,000 |
| Fluent UI MDL2 | 3 | 1,735 |
| Fluent UI System Icons | 3 | 20,108 |
| 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 4 | 2 | 649 |
| 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 |
| Glyphs Poly | 1 | 863 |
| Glyphs | 1 | 3,452 |
| 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 |
| uiw icons | 1 | 214 |
Frequently Asked Questions
It appears most often as the collapse state for a tree node or nested navigation item after it's been expanded, a 'previous' control in compact carousels or steppers, and occasionally in dense breadcrumb-style navigation. Its small, solid shape suits these tight, indentation-heavy layouts.
Yes, generally — since caret left is tied to navigation and collapse direction, it should mirror to caret right in RTL layouts, similar to how chevrons handle directional flipping.
The standard approach is a CSS transition on 'transform: rotate(-90deg)' applied to a single caret icon, rotating it back when the node collapses, rather than swapping between two separate icon files — this keeps the motion smooth instead of an abrupt icon change.
You can flip a single caret icon horizontally with CSS ('transform: scaleX(-1)') to get the right-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.
Caret left is a small, solid filled triangle, while chevron left is an outlined angled line with no fill. Caret tends to suit dense, small-scale contexts like tree views or compact steppers, while chevron left is more common in larger UI elements like breadcrumbs or standalone back buttons.
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.