Chevron Right icon

A free chevron right 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 right, arrow, navigation, pointing right, 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 8.14)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0C1.46 1.06 2.77 2.31 3.89 3.7C4.04 3.88 4.04 4.12 3.89 4.3C2.77 5.69 1.46 6.94 0 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="M5.67 5.92C4.5 7.39 3.12 8.69 1.59 9.81C1.41 9.94 1.17 10.02 0.92 10C0.37 9.96 -0.04 9.47 0 8.92C0.2 6.31 0.2 3.69 0 1.08C-0.04 0.53 0.37 0.04 0.92 0C1.17 -0.02 1.41 0.06 1.59 0.19C3.12 1.31 4.5 2.61 5.67 4.08C6.11 4.62 6.11 5.38 5.67 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 14 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="M3.89 3.7C2.77 2.31 1.46 1.06 0 0C0.2 2.66 0.2 5.34 0 8C1.46 6.94 2.77 5.69 3.89 4.3C4.04 4.12 4.04 3.88 3.89 3.7Z"/>
</svg>