Arrows, chevrons, carets, corner turns, refresh loops and swap arrows for navigation, sorting, pagination and carousels.
About SVG arrow icons
Most products only need a few arrow shapes, so pick one collection and stay with it. Mixing a Tabler chevron with a Material arrow is noticeable at 16px. If you only need one direction, you can also rotate a single SVG with CSS (transform: rotate(90deg)) instead of shipping four files. Chevrons work best for expand/collapse and pagination; full arrows suit “next step” buttons and links.
Common icons in this category
- arrow-down
- arrow-left
- arrow-right
- arrow-up
- arrow-down-left
- arrow-down-right
- arrow-up-left
- arrow-up-right
- shuffle
- arrow-down-circle
- arrow-up-circle
- chevron-down
By collection
- Tabler Icons 509 · MIT
- Lucide 219 · ISC (portions MIT, from Feather)
- Phosphor Icons 846 · MIT
- Material Symbols 463 · Apache-2.0
- Bootstrap Icons 176 · MIT
- Iconoir 153 · MIT
- Ionicons 133 · MIT
- Heroicons 296 · MIT
Styles: Outline 1,259 · Filled 737 · Duotone 141 · Thin 141 · Light 141 · Bold 141 · Rounded 153 · Sharp 82
Where these icons are used
Carousel and slider controls; pagination and “next step” buttons; dropdown and accordion chevrons; sort indicators in tables; back links and breadcrumbs.
Styles, formats and licenses
Use the Style filter above to switch between outline, filled, duotone, thin and more. Keep one collection per product so stroke width and corner radius match.
Pick an icon to open its panel: Download SVG for websites and apps (sharp at any size, recolour with CSS via currentColor), Download PNG for slides, documents and email (16–1024 px, transparent background), or Copy SVG to paste code directly. No sign-up.
All icons are free for personal and commercial use under MIT, ISC (portions MIT, from Feather), Apache-2.0. Each download carries a comment naming its source and license; see the license notices.