Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-sport-sailing"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-sports sf-icon-sport-sailing"></span>
Code point
- Unicode:
U+F123
- CSS:
\F123
- JS:
\uF123
- 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-sailing" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2 10.4c5.867-3.667 8.933-7.733 8.933-7.733l-2.8 7.733H2Zm10.067 1.733s.6.467 1.333 0c.133-.066.267-.066.333.067.067.133.067.267-.066.333-.334.2-.667.267-.934.267-.333 0-.6-.133-.8-.2-.266.133-.533.2-.8.2-.333 0-.6-.133-.8-.2-.266.133-.533.2-.8.2-.333 0-.6-.133-.8-.2-.266.133-.533.2-.8.2-.333 0-.6-.133-.8-.2-.266.133-.533.2-.8.2-.333 0-.6-.133-.8-.2-.266.133-.533.2-.8.2-.533 0-.866-.267-.933-.267-.067-.066-.133-.2-.067-.333.067-.067.2-.133.334-.067 0 0 .6.467 1.333 0 0 0 .6.467 1.333 0 0 0 .6.467 1.334 0 0 0 .6.467 1.333 0 0 0 .6.467 1.333 0h1.334c-.067 0-.067 0 0 0-.067 0 0 0 0 0Zm-3.4-1.733H12.6c2.067-3.533-1.867-6-1.867-6 .6 3.8-2.066 6-2.066 6Zm-3.134 1.4c-.733.467-1.266 0-1.333 0h-.067l-.6-.867H14s-.267.6-.867 1c-.6.2-1-.133-1-.133-.733.467-1.266 0-1.333 0-.733.467-1.267 0-1.333 0-.734.467-1.267 0-1.334 0-.733.467-1.266 0-1.333 0H5.533c.067 0 .067 0 0 0 .067 0 .067 0 0 0 .067 0 .067 0 0 0Z"/>
</svg>