Arrows Up Down icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrows-up-down.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrows-up-down.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrows-up-down.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-arrows-up-down.json
Category:interface
Tags:sortverticalarrowsreorderexchangeswapbidirectional

The arrows-up-down icon represents vertical exchange and sorting operations in modern data and list interfaces.

Featuring opposing arrows pointing up and down, this symbol indicates sort controls, vertical reordering, and bidirectional vertical transfer across digital applications.

Frequently Asked Questions

Common questions about the Arrows Up Down icon

Similar Icons

Squares Plus - layout icon from HeroIcons
squares plus
User Plus 16 Solid - actions icon from HeroIcons
user plus 16 solid
Folder Plus 20 Solid - actions icon from HeroIcons
folder plus 20 solid
Phone 20 Solid - communication icon from HeroIcons
phone 20 solid
Presentation Chart Bar 16 Solid - data icon from HeroIcons
presentation chart bar 16 solid
Arrow Up - navigation icon from HeroIcons
arrow up
Magnifying Glass Plus Solid - actions icon from HeroIcons
magnifying glass plus solid
Adjustments Vertical 20 Solid - interface icon from HeroIcons
adjustments vertical 20 solid
Arrow Up Left Solid - navigation icon from HeroIcons
arrow up left solid