arrow up down

Lucide icon · arrow-up-down

License: ISC
Author: Lucide Contributors
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-lucide

your code

import { ArrowUpDown } from '@rdicons/react-lucide'

export function Example() {
  return <ArrowUpDown />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 16l-4 4l-4-4m4 4V4M3 8l4-4l4 4M7 4v16"/></svg>

arrow up down

Use this icon in your code

SVG code

More from Lucide