Chevron Left icon

A free chevron left 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 left, arrow, navigation, pointing left, 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(10.13 8.14)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 0C2.54 1.06 1.23 2.31 0.11 3.7C-0.04 3.88 -0.04 4.12 0.11 4.3C1.23 5.69 2.54 6.94 4 8"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(9 7)" fill="currentColor" d="M0.33 5.92C1.5 7.39 2.88 8.69 4.41 9.81C4.59 9.94 4.83 10.02 5.08 10C5.63 9.96 6.04 9.47 6 8.92C5.8 6.31 5.8 3.69 6 1.08C6.04 0.53 5.63 0.04 5.08 0C4.83 -0.02 4.59 0.06 4.41 0.19C2.88 1.31 1.5 2.61 0.33 4.08C-0.11 4.62 -0.11 5.38 0.33 5.92Z"/>
</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="matrix(0 1 1 0 10 8)" 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(10 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.11 3.7C1.23 2.31 2.54 1.06 4 0C3.8 2.66 3.8 5.34 4 8C2.54 6.94 1.23 5.69 0.11 4.3C-0.04 4.12 -0.04 3.88 0.11 3.7Z"/>
</svg>