Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-smile"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-smile"></span>
Code point
- Unicode:
U+F177
- CSS:
\F177
- JS:
\uF177
- 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-icon-smile" viewBox="0 0 16 16">
<path d="M8 15.334A7.312 7.312 0 0 1 .667 8 7.312 7.312 0 0 1 8 .667 7.312 7.312 0 0 1 15.333 8 7.312 7.312 0 0 1 8 15.334ZM8 2C4.667 2 2 4.667 2 8c0 3.334 2.667 6 6 6s6-2.666 6-6c0-3.333-2.667-6-6-6Zm3.2 7.734c.2-.267.133-.734-.133-.934-.267-.2-.734-.133-.934.134 0 0-.866 1.066-2.133 1.066S5.867 8.934 5.867 8.934c-.2-.267-.667-.334-.934-.134-.266.2-.333.667-.133.934.067.066 1.2 1.6 3.2 1.6s3.133-1.534 3.2-1.6ZM6.667 6c0-.4-.267-.666-.667-.666S5.333 5.6 5.333 6s.333.667.667.667A.668.668 0 0 0 6.667 6Zm4 0c0-.4-.267-.666-.667-.666S9.333 5.6 9.333 6s.333.667.667.667A.668.668 0 0 0 10.666 6Z"/>
</svg>