Skip to main content

icon-share


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-share"></s-icon>

Icon font

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

<span class="sf-main sf-icon-share"></span>

Code point

  • Unicode: U+F16D
  • CSS: \F16D
  • JS: \uF16D
  • HTML: &#xF16D;

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-share" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M12 10c-.74 0-1.407.3-1.894.787L6.553 8.72A2.58 2.58 0 0 0 6.666 8c0-.253-.046-.486-.106-.72l3.553-2.073C10.593 5.7 11.26 6 12 6a2.666 2.666 0 1 0 0-5.333 2.666 2.666 0 0 0-2.667 2.667c0 .253.047.493.113.72L5.893 6.127A2.666 2.666 0 1 0 4 10.667c.74 0 1.406-.3 1.893-.787l3.553 2.067a2.58 2.58 0 0 0-.113.72 2.666 2.666 0 1 0 5.333 0A2.666 2.666 0 0 0 12 10Zm0-8c.733 0 1.333.6 1.333 1.334 0 .733-.6 1.333-1.333 1.333-.734 0-1.334-.6-1.334-1.333C10.666 2.6 11.266 2 12 2ZM4 9.334c-.734 0-1.334-.6-1.334-1.334 0-.733.6-1.333 1.334-1.333.733 0 1.333.6 1.333 1.333 0 .734-.6 1.334-1.333 1.334ZM12 14c-.734 0-1.334-.6-1.334-1.333 0-.233.067-.453.174-.647l.02-.02c.006-.013.006-.026.013-.033.233-.38.653-.633 1.127-.633.733 0 1.333.6 1.333 1.333S12.733 14 12 14Z"/>
</svg>