Arrows Up Down icon

heroicons-solidfill

The Arrows Up Down icon is a solid SVG from the Heroicons (Solid) set (324 icons), drawn by Tailwind Labs and free under the MIT license. Customize its color, 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="currentColor"><path fill-rule="evenodd" d="M6.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.25 4.81V16.5a.75.75 0 0 1-1.5 0V4.81L3.53 8.03a.75.75 0 0 1-1.06-1.06zm9.53 4.28a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V7.5a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Heroicons (Solid) 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