Upload Bar Up icon

A free upload bar 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: Essential Icons
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: upload bar, progress, data transfer, upload, increase, internet, cloud

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(5 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 16L0 16M1 5.83C2.56 3.73 4.37 1.84 6.41 0.21C6.58 0.07 6.79 0 7 0M13 5.83C11.44 3.73 9.63 1.84 7.59 0.21C7.42 0.07 7.21 0 7 0M7 0L7 12"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 3)" fill="currentColor" d="M9 7.43C10.63 7.47 12.25 7.6 13.86 7.82C14.26 7.88 14.65 7.69 14.86 7.34C15.07 6.99 15.04 6.56 14.8 6.24C13.2 4.06 11.32 2.11 9.22 0.43C8.86 0.14 8.43 0 8 0C7.57 0 7.14 0.14 6.78 0.43C4.68 2.11 2.8 4.06 1.2 6.24C0.96 6.56 0.93 6.99 1.14 7.34C1.35 7.69 1.74 7.88 2.14 7.82C3.75 7.6 5.37 7.47 7 7.43L7 13C7 13.55 7.45 14 8 14C8.55 14 9 13.55 9 13L9 7.43Z"/>
  <path transform="translate(4 3)" fill="currentColor" d="M1 16C0.45 16 0 16.45 0 17C0 17.55 0.45 18 1 18L15 18C15.55 18 16 17.55 16 17C16 16.45 15.55 16 15 16L1 16Z"/>
</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(5 20)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 0L0 0"/>
  <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 12"/>
</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(4 19)" fill="currentColor" d="M1 0C0.45 0 0 0.45 0 1C0 1.55 0.45 2 1 2L15 2C15.55 2 16 1.55 16 1C16 0.45 15.55 0 15 0L1 0Z"/>
  <path transform="translate(5 3)" fill="currentColor" d="M8 7.43C9.63 7.47 11.25 7.6 12.86 7.82C13.26 7.88 13.65 7.69 13.86 7.34C14.07 6.99 14.04 6.56 13.8 6.24C12.2 4.06 10.32 2.11 8.22 0.43C7.86 0.14 7.43 0 7 0C6.57 0 6.14 0.14 5.78 0.43C3.68 2.11 1.8 4.06 0.2 6.24C-0.04 6.56 -0.07 6.99 0.14 7.34C0.35 7.69 0.74 7.88 1.14 7.82C2.75 7.6 4.37 7.47 6 7.43L6 13C6 13.55 6.45 14 7 14C7.55 14 8 13.55 8 13L8 7.43Z"/>
</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="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.83C10.01 5.55 8 5.42 6 5.42C4 5.42 1.99 5.55 0 5.83Z"/>
  <path transform="translate(6 4)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 5.42L6 12M6 5.42C4 5.42 1.99 5.55 0 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.83C10.01 5.55 8 5.42 6 5.42Z"/>
  <path transform="translate(5 20)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 0L0 0"/>
</svg>