Left Arrow Icons
A left arrow is the quiet workhorse of navigation — back buttons, breadcrumbs, "previous" controls in a carousel, collapsing a sidebar. This page collects every left-arrow variant across Pathwork's libraries, from simple chevrons to full arrowheads with a stem, so you can pick the exact weight and shape without scrolling through a full general arrow set to find the one pointing the direction you need.
Showing top 100·100 icon packs·Free & open source
Showing top 100 results — many more icons available
Search all left arrow iconsSource libraries
Frequently Asked Questions
A chevron is just the angled line (like a '<' shape) without a stem, commonly used for pagination, accordions, or subtle 'back' hints. A full arrow includes a horizontal line with an arrowhead, which reads more explicitly as 'go back' or 'return' — useful for a prominent back button or 'previous step' action. Which one to use depends on whether you want a subtle indicator or a clear directional action.
Yes, generally — a 'back' or 'previous' arrow should point right instead of left in RTL layouts, since the reading and navigation direction is reversed. If you're building a multilingual product, it's worth mirroring the icon with CSS ('transform: scaleX(-1)') or swapping to a right arrow when the layout direction is RTL, rather than keeping it pointed left regardless of language.
Not necessarily — for simple, symmetric arrow icons, you can use a single icon and rotate it with CSS (e.g. 'transform: rotate(180deg)' to turn a left arrow into a right arrow) instead of downloading a separate file for each direction. This page is useful when you want an icon that was specifically designed as 'left' rather than a rotated version of another direction.
This depends on your interface, but a bolder, more prominent arrow tends to suit a standalone back button, while a smaller chevron often works better as a compact separator within a breadcrumb trail. Previewing a few at your actual usage size is the most reliable way to decide.
The icons themselves on this page are static; a slide or shift effect on hover is typically built with your own CSS transition applied to the icon (e.g. shifting 'translateX' on hover) rather than an animation baked into the SVG file.
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.