Chevron Up icon

A free chevron up icon in 3 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: chevron up, arrow, navigation, pointing up, direction, indicator, ui

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(8 10)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 4C1.06 2.54 2.31 1.23 3.7 0.11C3.88 -0.04 4.12 -0.04 4.3 0.11C5.69 1.23 6.94 2.54 8 4"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(7 9)" fill="currentColor" d="M5.92 0.33C7.39 1.5 8.69 2.88 9.81 4.41C9.94 4.59 10.02 4.83 10 5.08C9.96 5.63 9.47 6.04 8.92 6C6.31 5.8 3.69 5.8 1.08 6C0.53 6.04 0.04 5.63 0 5.08C-0.02 4.83 0.06 4.59 0.19 4.41C1.31 2.88 2.61 1.5 4.08 0.33C4.62 -0.11 5.38 -0.11 5.92 0.33Z"/>
</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(8 10)" fill="currentColor" d="M0 4C1.06 2.54 2.31 1.23 3.7 0.11C3.88 -0.04 4.12 -0.04 4.3 0.11C5.69 1.23 6.94 2.54 8 4L4 3.7L0 4Z"/>
  <path transform="translate(8 10)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3.7 0.11C2.31 1.23 1.06 2.54 0 4C2.66 3.8 5.34 3.8 8 4C6.94 2.54 5.69 1.23 4.3 0.11C4.12 -0.04 3.88 -0.04 3.7 0.11Z"/>
</svg>