Caret Icons
Caret is the smallest, densest member of the directional-icon family — a solid filled triangle rather than a stroked angle, built to sit comfortably at 8-12px next to text or inside a compact button. This page collects caret variants across Pathwork's libraries in all four directions, useful anywhere a chevron feels slightly too open or too large for the space it needs to fit.
Showing top 100·35 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all caret iconsSource libraries
| Library | Icons | Total in pack |
|---|---|---|
| coolicons | 6 | 715 |
| Boxicons | 5 | 3,768 |
| Bootstrap Icons | 4 | 2,084 |
| BoxIcons v2 | 4 | 1,609 |
| Carbon | 4 | 2,733 |
| Elusive Icons | 4 | 304 |
| Font Awesome 5 Solid | 4 | 1,023 |
| Font Awesome 6 Solid | 4 | 1,407 |
| Font Awesome Solid | 4 | 2,000 |
| FontAudio | 4 | 155 |
| Fontisto | 4 | 615 |
| Gravity UI Icons | 4 | 799 |
| Line Awesome | 4 | 1,544 |
| Mage Icons | 4 | 1,042 |
| Mono Icons | 4 | 180 |
| Mono Icons | 4 | 180 |
| Phosphor | 4 | 9,161 |
| Element Plus | 3 | 293 |
| Font Awesome 4 | 3 | 649 |
| Bytesize Icons | 2 | 102 |
| CoreUI Free | 2 | 562 |
| Famicons | 2 | 1,342 |
| Fluent UI MDL2 | 2 | 1,735 |
| Grommet Icons | 2 | 637 |
| IonIcons | 2 | 2,361 |
| uiw icons | 2 | 214 |
| Glyphs Poly | 1 | 863 |
| Glyphs | 1 | 3,452 |
| Prime Icons | 1 | 313 |
| Radix Icons | 1 | 342 |
| Stash Icons | 1 | 982 |
| Tabler Icons | 1 | 6,232 |
| TDesign Icons | 1 | 2,362 |
| Vaadin Icons | 1 | 636 |
| Material Design Iconic Font | 1 | 777 |
Frequently Asked Questions
A caret is typically a small, solid filled triangle, while a chevron is an outlined angled line (like a '<' or '>' shape) with no fill. Carets tend to look denser and more compact, which makes them common at very small sizes — like a sort indicator inside a table header — where a chevron's open stroke can look thin or get lost.
Carets work well in tight, small-scale contexts — table column sort indicators, dense dropdown triggers, or inline text-adjacent toggles — where a compact filled shape reads more clearly than a stroked outline. Chevrons tend to suit larger UI elements, like accordion headers or standalone buttons, where more visual space is available.
Most caret icons follow the filled-triangle convention consistently across libraries, since that's part of what distinguishes them from chevrons. If you're looking for an outlined angle-style icon instead, the Chevron type page is the better fit.
Yes, you can rotate a single caret icon with CSS ('transform: rotate()') to get all four directions, similar to chevrons, since carets are typically simple and symmetric triangles.
A small caret (up or down) next to a column header is a common pattern for indicating sort direction — pointing up for ascending, down for descending — and toggling between the two on click, often paired with a rotation or icon swap.
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.