Skip to main content

icon-arrow-right-circle


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

Using the Icon Component? Copy, paste, and go.

<s-icon name="icon-arrow-right-circle"></s-icon>

Icon font

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

<span class="sf-main sf-icon-arrow-right-circle"></span>

Code point

  • Unicode: U+F106
  • CSS: \F106
  • JS: \uF106
  • HTML: &#xF106;

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="s-icon s-icon-icon-arrow-right-circle" viewBox="0 0 16 16">
  <path d="M11.267 8.267c-.067.067-.067.133-.134.2l-2.666 2.667a.605.605 0 0 1-.467.2.605.605 0 0 1-.467-.2.645.645 0 0 1 0-.934l1.533-1.533H5.333c-.4 0-.667-.267-.667-.667s.267-.666.667-.666h3.733L7.534 5.8a.644.644 0 0 1 0-.933.644.644 0 0 1 .933 0l2.667 2.667c.067.066.134.133.134.2.066.2.066.333 0 .533ZM15.332 8A7.312 7.312 0 0 1 8 15.334 7.312 7.312 0 0 1 .667 8 7.312 7.312 0 0 1 8 .667 7.312 7.312 0 0 1 15.333 8ZM14 8c0-3.333-2.667-6-6-6S2 4.667 2 8c0 3.334 2.667 6 6 6s6-2.666 6-6Z"/>
</svg>