Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-sport-field-hockey"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-sports sf-icon-sport-field-hockey"></span>
Code point
- Unicode:
U+F112
- CSS:
\F112
- JS:
\uF112
- 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-field-hockey" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M14 5c0 .2-.067.333-.2.467l-1 1-1.933-1.934 1-1a.605.605 0 0 1 .466-.2h1c.4 0 .667.334.667.667v1ZM8.933 8.933c.6-.6 1.4-.866 2.2-.733l1-1L10.2 5.267 5.8 9.6c-.267.267-.667.267-.867 0-.2-.267-.266-.667 0-.867A1.368 1.368 0 0 0 3 6.8c-1.333 1.333-1.333 3.467 0 4.733 1.333 1.267 3.467 1.334 4.8 0l.4-.4c-.133-.8.133-1.6.733-2.2ZM12 9.6c-.667-.667-1.8-.667-2.467 0-.666.667-.666 1.8 0 2.467.667.666 1.8.666 2.467 0 .733-.667.733-1.8 0-2.467Z"/>
</svg>