Skip to main content

icon-social


Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

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

Icon font

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

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

Code point

  • Unicode: U+F17A
  • CSS: \F17A
  • JS: \uF17A
  • HTML: &#xF17A;

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-social" viewBox="0 0 16 16">
  <path d="M14.667 15.334a.66.66 0 0 1-.21-.035l-2.494-.832a4.734 4.734 0 0 1-1.862.384h-.01a4.754 4.754 0 0 1-4.11-2.38.667.667 0 1 1 1.157-.667 3.419 3.419 0 0 0 2.957 1.712 3.233 3.233 0 0 0 1.527-.362.656.656 0 0 1 .511-.036l1.48.492-.495-1.48a.667.667 0 0 1 .037-.51c.239-.475.363-.998.362-1.528a3.42 3.42 0 0 0-1.394-2.752.667.667 0 0 1 .79-1.073 4.758 4.758 0 0 1 1.938 3.824c0 .643-.13 1.28-.385 1.87l.833 2.495a.669.669 0 0 1-.632.878ZM1.334 10.667A.667.667 0 0 1 .7 9.79l.833-2.494A4.757 4.757 0 0 1 3.78 1.17 4.62 4.62 0 0 1 5.91.667h.238a4.749 4.749 0 0 1 4.52 4.482v.277a4.764 4.764 0 0 1-4.76 4.76H5.9A4.727 4.727 0 0 1 4.038 9.8l-2.494.831a.657.657 0 0 1-.21.036ZM5.899 2a3.4 3.4 0 0 0-1.52.362 3.425 3.425 0 0 0-1.535 4.595.667.667 0 0 1 .037.511l-.493 1.48 1.48-.493a.671.671 0 0 1 .511.037 3.56 3.56 0 0 0 1.527.362 3.423 3.423 0 0 0 3.428-3.426v-.223A3.417 3.417 0 0 0 6.112 2h-.213Z"/>
</svg>