Skip to main content

icon-plus-circle

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-plus-circle"></s-icon>

Icon font

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

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

Code point

  • Unicode: U+F15E
  • CSS: \F15E
  • JS: \uF15E
  • HTML: &#xF15E;

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-plus-circle" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M8 .667A7.33 7.33 0 0 0 .667 8 7.33 7.33 0 0 0 8 15.334 7.33 7.33 0 0 0 15.334 8 7.33 7.33 0 0 0 8 .667ZM8 14a6 6 0 1 1 .001-12 6 6 0 0 1 0 12Zm3.334-6c0 .367-.3.667-.667.667h-2v2c0 .367-.3.667-.667.667a.669.669 0 0 1-.666-.667v-2h-2A.669.669 0 0 1 4.667 8c0-.366.3-.666.667-.666h2v-2c0-.367.3-.667.666-.667.367 0 .667.3.667.667v2h2c.367 0 .667.3.667.666Z"/>
</svg>