What's the difference between arrows, chevrons, and carets?

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.

Which pack has the most arrow variants?

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.

How do I animate arrows for loading or transition states?

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.

All SVG Icons

Free Arrow & Direction SVG 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