Chevron left

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="modus-icons notranslate">chevron-left</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">
  <style>
    .st1,.st2{stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10}.st2{stroke-linejoin:round}
  </style>

  <path d="M21.864 26c0 .472-.233.937-.668 1.229-.709.475-1.686.31-2.182-.369l-8.595-10a1.457 1.457 0 0 1-.283-.86c0-.3.095-.602.283-.86l8.595-10c.496-.68 1.473-.844 2.182-.37.435.293.668.758.668 1.23 0 .298-.092.598-.283.86L13.615 16l7.966 9.14c.191.262.283.562.283.86m2 0a3.43 3.43 0 0 0-.67-2.041l-.05-.069-.056-.064L16.268 16l6.82-7.826.057-.064.05-.07c.438-.598.67-1.304.67-2.04a3.48 3.48 0 0 0-1.556-2.89c-1.56-1.047-3.716-.696-4.853.773l-8.553 9.953-.052.06-.047.064A3.438 3.438 0 0 0 8.136 16c0 .736.23 1.441.668 2.04l.047.064.051.06 8.555 9.953c1.136 1.468 3.291 1.82 4.852.773A3.482 3.482 0 0 0 23.864 26z"/>
</svg>