Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-sport-flag-football"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-sports sf-icon-sport-flag-football"></span>
Code point
- Unicode:
U+F114
- CSS:
\F114
- JS:
\uF114
- 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-flag-football" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M5.026 3.433c.267-.133.6-.133.8 0 .334.2.8.534 1.334 1H3.693c.467-.466 1-.8 1.333-1Zm.8 9.467c-.266.133-.6.133-.8 0a9.73 9.73 0 0 1-1.333-1H7.16c-.534.467-1 .8-1.334 1Zm2-1.733h-4.8c-1.466-1.934-1.266-4.334 0-6h4.8c1.4 1.933 1.2 4.333 0 6Zm-2.533-5a.143.143 0 0 0-.133.133v.6h-.6a.143.143 0 0 0-.134.133V7.3c0 .067.067.133.134.133h.6V7.9h-.6a.143.143 0 0 0-.134.133V8.3c0 .067.067.133.134.133h.6V8.9h-.6a.143.143 0 0 0-.134.133V9.3c0 .067.067.133.134.133h.6v.6c0 .067.066.134.133.134h.267a.143.143 0 0 0 .133-.134v-.6h.6a.143.143 0 0 0 .133-.133v-.267a.143.143 0 0 0-.133-.133h-.6v-.467h.6a.143.143 0 0 0 .133-.133v-.267a.143.143 0 0 0-.133-.133h-.6v-.467h.6a.143.143 0 0 0 .133-.133v-.267a.143.143 0 0 0-.133-.133h-.6v-.6a.143.143 0 0 0-.133-.133h-.267Zm3.867.8h4.8l-1.267 1.2 1.2 1.2h-4.8c.2-.734.267-1.6.067-2.4Z"/>
</svg>