Skip to main content

icon-sport-soccer

Examples

Heading
Smaller heading

Inline text

Example link text

Icon Component

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

<s-icon name="icon-sport-soccer"></s-icon>

Icon font

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

<span class="sf-sports sf-icon-sport-soccer"></span>

Code point

  • Unicode: U+F124
  • CSS: \F124
  • JS: \uF124
  • HTML: &#xF124;

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-sport-soccer" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M14 8c0 3.333-2.667 6-6 6s-6-2.667-6-6 2.667-6 6-6 6 2.667 6 6Zm-1.133 0-.6.533-1.6-1.4.4-2.066.8.066a5.187 5.187 0 0 0-2.467-1.8l.333.8L8 5.2 6.2 4.133l.333-.8c-1 .4-1.866 1-2.466 1.8l.866-.066.4 2.066-1.533 1.4L3.133 8c0 1.067.334 2 .934 2.867l.2-.8 2.066.266L7.2 12.2l-.733.4c1 .333 2.066.333 3 0l-.734-.4.867-1.867 2.067-.266.2.8c.666-.867 1-1.8 1-2.867Zm-6 1.667-.734-2.2L8 6.133l1.867 1.4-.734 2.2H6.867v-.066Z"/>
</svg>