Arrows Up Down icon

heroicons-outlinestroke

The Arrows Up Down icon is a clean, adjustable-stroke SVG from the Heroicons (Outline) set (324 icons), drawn by Tailwind Labs and free under the MIT license. Customize its color, stroke width, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for arrows, up, down.

Tags: arrows, up, down

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke-linecap="round" stroke-linejoin="round" d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"/></svg>

Customize

Color

Stroke width · 1.5

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Heroicons (Outline) icons

Chevron Up Down Archive Box Arrow Down Arrow Down Arrow Down Circle Arrow Down Left Arrow Down On Square Arrow Down On Square Stack Arrow Down Right Arrow Down Tray Arrow Long Down Arrow Long Up Arrow Small Down

Arrows Up Down in other icon sets

Arrows Up Down Arrows Up Down