Arrow Icons
Left, right, up, down, diagonal, circular, chevron-style — arrows are one of those icons every interface eventually needs, and rarely just one version of. This page pulls every arrow variant across Pathwork's libraries into one place, so instead of guessing which pack has the specific angle or stroke weight you're after, you can compare them side by side and grab the one that actually fits.
Showing top 100·37 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all arrow iconsSource libraries
| Library | Icons | Total in pack |
|---|---|---|
| @icons | 5 | 619 |
| Emoji One (Monotone) | 5 | 1,403 |
| Emoji One (v1) | 5 | 1,262 |
| Akar Icons | 4 | 458 |
| Bootstrap Icons | 4 | 2,084 |
| Boxicons | 4 | 3,768 |
| BoxIcons v2 | 4 | 1,609 |
| BoxIcons v2 Solid | 4 | 665 |
| Carbon | 4 | 2,733 |
| Charm Icons | 4 | 262 |
| Codicons | 4 | 649 |
| Dashicons | 4 | 345 |
| Evil Icons | 4 | 70 |
| Elusive Icons | 4 | 304 |
| Emoji One (Colored) | 4 | 1,834 |
| Entypo+ | 4 | 321 |
| Element Plus | 4 | 293 |
| Framework7 Icons | 4 | 1,253 |
| Bytesize Icons | 2 | 102 |
| CoreUI Free | 2 | 562 |
| Font Awesome 5 Solid | 2 | 1,023 |
| Font Awesome 6 Solid | 2 | 1,407 |
| Fontisto | 2 | 615 |
| Font-GIS | 2 | 367 |
| Font Awesome 4 | 1 | 649 |
| Font Awesome Solid | 1 | 2,000 |
| Famicons | 1 | 1,342 |
| Feather Icon | 1 | 255 |
| Feather Icons | 1 | 286 |
| Flat UI Icons | 1 | 100 |
| Fluent Emoji Flat | 1 | 3,174 |
| Glyphs Poly | 1 | 863 |
| Glyphs | 1 | 3,452 |
| Maki | 1 | 418 |
| Memory Icons | 1 | 651 |
| Reicon | 1 | 5,348 |
| Unicons | 1 | 1,216 |
Frequently Asked Questions
Coverage includes straight directional arrows (up, down, left, right, diagonal), chevron-style arrows, curved and circular arrows (like refresh or undo), and double-headed arrows, pulled from every library in Pathwork that includes arrow icons.
Since most libraries include a basic arrow, the differences usually come down to stroke weight, corner style, and whether the arrowhead is open or filled. It's worth previewing a few side by side at the actual size you'll use them, since subtle differences are easier to see at real scale than in a large preview.
Generally yes — mixing an arrow from one library with buttons or navigation icons from another can create a subtle visual mismatch in stroke width or style. If you're already using a specific icon library elsewhere in your interface, check that library's arrow set first before pulling one from elsewhere.
A few animated arrow icons exist in Pathwork's Animated collection, mainly for loading, refresh, or directional-hint use cases. Most arrows on this page are static, since animation isn't a default expectation for a general-purpose arrow icon.
Yes — since these are SVG, you can rotate a single 'arrow-right' icon with a CSS transform (like 'rotate(180deg)' for left, or 'rotate(-90deg)' for up) instead of managing four separate files, as long as the icon is a simple directional arrow without asymmetric details.
Each icon keeps the license from its source library attached to it, and terms can differ depending on which library a specific arrow icon comes from. Check the license shown on the individual icon's page before using it commercially.
Coverage on this page reflects what's available across Pathwork's existing libraries, which lean toward clean geometric styles rather than hand-drawn or sketch aesthetics. If that specific look isn't available, a design tool or a dedicated hand-drawn icon set outside Pathwork may be a better fit.