Skip to main content

icon-arrow-up-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-up-circle"></s-icon>

Icon font

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

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

Code point

  • Unicode: U+F108
  • CSS: \F108
  • JS: \uF108
  • HTML: &#xF108;

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-up-circle" viewBox="0 0 16 16">
  <path d="M8 .667A7.312 7.312 0 0 0 .667 8 7.312 7.312 0 0 0 8 15.334 7.312 7.312 0 0 0 15.333 8 7.312 7.312 0 0 0 8 .667ZM8 14c-3.333 0-6-2.666-6-6 0-3.333 2.667-6 6-6s6 2.667 6 6c0 3.334-2.667 6-6 6Zm3.133-6.466a.645.645 0 0 1 0 .933.605.605 0 0 1-.466.2.605.605 0 0 1-.467-.2L8.666 6.934v3.733c0 .4-.266.667-.666.667s-.667-.267-.667-.667V6.934L5.8 8.467a.644.644 0 0 1-.933 0 .644.644 0 0 1 0-.933l2.666-2.667c.067-.067.133-.133.2-.133.134-.067.333-.067.534 0 .066.066.133.066.2.133l2.666 2.667Z"/>
</svg>