Arrow Up icon

heroicons-outlinestroke

The Arrow Up 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 arrow, up.

Tags: arrow, up

<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="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"/></svg>

Customize

Color

Stroke width · 1.5

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Heroicons (Outline) icons

Arrow Long Up Arrow Small Up Arrow Trending Up Arrow Turn Left Up Arrow Turn Right Up Arrow Turn Up Left Arrow Turn Up Right Arrow Up Circle Arrow Up Left Arrow Up On Square Arrow Up On Square Stack Arrow Up Right

Arrow Up in other icon sets

Arrow Up Arrow Up Arrow Up Arrow Up Arrow Up Arrow Up Arrow Up Arrow Up Arrow Up Arrow Up