Caret Right

Tags: cancel expand collapse
Category: Arrows & Controls

Examples

Heading

Smaller heading

Inline text

Example link text

CSS Recommended

<i class="modus-outlined-icon-caret-right"></i>

Icon font

<i class="modus-icons" aria-hidden="true">caret_right</i>

SVG sprite

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/modus-outlined-icons.svg#caret-right" />
</svg>

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-caret-right" viewBox="0 0 24 24">
  <path d="m14.74 11.4-4.58-4.22C9.7 6.75 9 7.12 9 7.78v8.43c0 .66.7 1.03 1.16.6l4.58-4.22c.34-.31.34-.89 0-1.2Z"/>
</svg>

SVG CSS code