Arrow Up icon

A free arrow up icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Arrows & Navigation
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: arrow, direction, navigation, pointer, movement, indicator, sign, upward

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 5.83C1.56 3.73 3.37 1.84 5.41 0.21C5.58 0.07 5.79 0 6 0M12 5.83C10.44 3.73 8.63 1.84 6.59 0.21C6.42 0.07 6.21 0 6 0M6 0L6 16"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(5 3)" fill="currentColor" d="M12.95 7.83L8 7.58L8 17C8 17.55 7.55 18 7 18C6.45 18 6 17.55 6 17L6 7.58L1.05 7.83C0.66 7.85 0.3 7.64 0.12 7.3C-0.06 6.96 -0.03 6.55 0.2 6.24C1.8 4.06 3.68 2.11 5.78 0.43C6.14 0.14 6.57 0 7 0C7.43 0 7.86 0.14 8.22 0.43C10.32 2.11 12.2 4.06 13.8 6.24C14.03 6.55 14.06 6.96 13.88 7.3C13.7 7.64 13.34 7.85 12.95 7.83Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(12 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 16"/>
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 5.83C1.56 3.73 3.37 1.84 5.41 0.21C5.58 0.07 5.79 0 6 0C6.21 0 6.42 0.07 6.59 0.21C8.63 1.84 10.44 3.73 12 5.83"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(12 5)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 16"/>
  <path transform="translate(5 4)" fill="currentColor" d="M7 0C6.57 0 6.14 0.14 5.78 0.43C3.68 2.11 1.8 4.06 0.2 6.24C-0.03 6.54 -0.06 6.94 0.11 7.28C0.28 7.62 0.62 7.83 1 7.83L13 7.83C13.38 7.83 13.72 7.62 13.89 7.28C14.06 6.94 14.03 6.54 13.8 6.24C12.2 4.06 10.32 2.11 8.22 0.43C7.86 0.14 7.43 0 7 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(6 4)" fill="currentColor" d="M5.41 0.21C3.37 1.84 1.56 3.73 0 5.83L6 5.53L12 5.83C10.44 3.73 8.63 1.84 6.59 0.21C6.42 0.07 6.21 0 6 0C5.79 0 5.58 0.07 5.41 0.21Z"/>
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 5.83C1.56 3.73 3.37 1.84 5.41 0.21C5.58 0.07 5.79 0 6 0C6.21 0 6.42 0.07 6.59 0.21C8.63 1.84 10.44 3.73 12 5.83L6 5.53L0 5.83Z"/>
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 5.53L6 16"/>
</svg>