Free Arrow SVG Icons – Chevrons, Pointers & Direction Icons

Arrow and direction icons are the backbone of any user interface. They guide users through navigation, indicate expandable content, signal sortable columns, and show progression through multi-step flows. Getting arrows right means your interface feels intuitive. Our collection includes arrows in every style — outlined, solid, rounded, sharp — and every direction, plus chevrons, carets, and specialized navigation indicators.

6 icon packs · 27,803 total icons · Free & open source

Icon Packs

Lucide

1,641 icons ISC

Tabler Icons

5,963 icons MIT

Phosphor

9,072 icons MIT

HeroIcons

1,288 icons MIT

Material Design Icons

7,447 icons Apache-2.0

Carbon

2,392 icons Apache-2.0

Common Use Cases

1 Navigation breadcrumbs and back buttons

2 Carousel and slider controls

3 Sort direction indicators in data tables

4 Accordion and dropdown expand/collapse triggers

5 Pagination and step-by-step wizards

Frequently Asked Questions

Arrows are full directional indicators with a line and head. Chevrons (angle brackets) are minimal open-ended indicators often used in breadcrumbs and lists. Carets are small triangular indicators typically used in dropdowns and sort columns.

MDI (Material Design Icons) offers the widest variety with arrows for every direction, animation state, and style. Phosphor Icons (ph) also provides excellent coverage with 6 weight variants per icon.

SVG arrows can be animated with CSS transforms (rotate, translate) and transitions. For spinning arrows, use the animated icons collection which includes pre-built animated arrow variants.