Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-sport-cycling"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-sports sf-icon-sport-cycling"></span>
Code point
- Unicode:
U+F10C
- CSS:
\F10C
- JS:
\uF10C
- 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-cycling" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M11.467 10.933c-.8-.066-1.4-.666-1.4-1.466 0-.4.133-.734.333-1.067l.8 1.333c.067.134.267.2.4.067l.267-.133c.133-.067.2-.267.066-.4l-.8-1.334c.134 0 .267-.066.4-.066.8 0 1.467.666 1.467 1.466 0 1-.667 1.667-1.533 1.6ZM7.4 9.133h-.667c-.066-.6-.4-1.066-.8-1.466l.467-.734h2.4l-1.4 2.2Zm-3.067 1.8a1.48 1.48 0 0 1-1.466-1.466c0-.8.666-1.467 1.466-1.467a.6.6 0 0 1 .334.067l-.867 1.4c-.2.266 0 .666.4.666h1.533c-.266.467-.8.8-1.4.8ZM5.4 8.467c.2.2.333.466.4.733H5l.4-.733Zm6.133-1.4c-.333 0-.6.066-.866.133L9.2 4.867c-.067-.134-.2-.2-.4-.2H7.6a.287.287 0 0 0-.267.266V5.2c0 .133.134.267.267.267h1l.267.466H6.733v-.2a.287.287 0 0 0-.266-.266H4.8c-.267 0-.467.2-.467.466 0 .2.2.4.467.4h.933L5.2 7.2c-.267-.067-.533-.133-.8-.133a2.39 2.39 0 0 0-2.4 2.4 2.39 2.39 0 0 0 2.4 2.4c1.133 0 2.067-.734 2.333-1.8h1c.134 0 .334-.067.4-.2l1.6-2.6.267.466c-.467.467-.8 1.067-.8 1.8 0 1.267 1.067 2.4 2.4 2.4S14 10.867 14 9.6c-.067-1.4-1.133-2.533-2.467-2.533Z"/>
</svg>