Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-sport-tennis-1"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-sports sf-icon-sport-tennis-1"></span>
Code point
- Unicode:
U+F12C
- CSS:
\F12C
- JS:
\uF12C
- HTML:

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-tennis-1" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.267 8.133c-.134.067-.2.134-.267.134V8c0-3.333 2.667-6 6-6h.267c-.067.067-.134.133-.134.267-.266.4-.266.866-.333 1.333-.133.8-.267 1.6-1.4 2.733-1.133 1.134-1.933 1.267-2.733 1.4-.534.134-.934.2-1.4.4Zm4.8 5.2c.133-.266.2-.6.266-1C7.467 11.467 7.6 10.4 9 9.067c1.4-1.334 2.4-1.534 3.267-1.667.4-.067.666-.133 1-.267.266-.133.466-.266.6-.4A6.049 6.049 0 0 0 9.333 2.2c-.133.133-.266.333-.4.6-.2.267-.2.6-.266 1C8.533 4.667 8.4 5.733 7 7.067 5.6 8.4 4.533 8.6 3.733 8.733a4.43 4.43 0 0 0-1 .267 2.35 2.35 0 0 0-.6.4 6.049 6.049 0 0 0 4.534 4.533c.133-.133.266-.333.4-.6ZM13.733 8c-.466.267-.866.333-1.333.4-.8.133-1.6.267-2.733 1.4-1.134 1.133-1.267 2-1.4 2.733-.067.4-.134.867-.334 1.334a.505.505 0 0 0-.133.266h.267c3.333 0 6-2.666 6-6v-.266a.51.51 0 0 0-.334.133Z"/>
</svg>