Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-sport-tennis"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-sports sf-icon-sport-tennis"></span>
Code point
- Unicode:
U+F12D
- CSS:
\F12D
- JS:
\uF12D
- 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" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.45 2.35a1.248 1.248 0 0 1 1.733 0 1.248 1.248 0 0 1 0 1.733 1.248 1.248 0 0 1-1.733 0c-.533-.466-.533-1.2 0-1.733Zm3.133 3.2c-1.266 1.267-1.666 3-.866 3.8.8.8 2.533.4 3.8-.867 1.266-1.266 1.666-3 .866-3.8-.8-.8-2.533-.4-3.8.867Zm5-2.067c1.534 1.534 1.134 4.267-.866 6.267-1.867 1.867-4.334 2.267-5.934 1.133l-.733.734c.067.266 0 .6-.2.866l-1.333 1.334c-.334.333-.934.333-1.267 0-.333-.334-.333-.934 0-1.267l1.333-1.333c.2-.2.534-.334.867-.2l.733-.734c-.866-1.333-.8-3.133.2-4.8.534 0 1.067-.266 1.467-.666.4-.4.6-.934.667-1.467 1.8-1.133 3.866-1.133 5.066.133Z"/>
</svg>