Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-book"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-book"></span>
Code point
- Unicode:
U+F198
- CSS:
\F198
- JS:
\uF198
- 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-book" viewBox="0 0 16 16">
<path d="M14 2.667c-.74-.233-1.553-.333-2.333-.333-1.3 0-2.7.266-3.667 1-.967-.734-2.367-1-3.667-1-1.3 0-2.7.266-3.666 1V13.1c0 .167.166.334.333.334.067 0 .1-.034.167-.034.9-.433 2.2-.733 3.166-.733 1.3 0 2.7.267 3.667 1 .9-.567 2.533-1 3.667-1 1.1 0 2.233.2 3.166.7.067.033.1.033.167.033a.359.359 0 0 0 .333-.333V3.334c-.4-.3-.833-.5-1.333-.667Zm0 9c-.733-.233-1.533-.333-2.333-.333-1.134 0-2.767.433-3.667 1V4.667c.9-.567 2.533-1 3.667-1 .8 0 1.6.1 2.333.333v7.667Z"/>
<path d="M11.667 6.333c.586 0 1.153.06 1.666.174V5.494a9.003 9.003 0 0 0-1.666-.16c-1.134 0-2.16.193-3 .553v1.107c.753-.427 1.8-.66 3-.66Zm-3 1.327v1.107c.753-.427 1.8-.66 3-.66.586 0 1.153.06 1.666.173V7.267a9.003 9.003 0 0 0-1.666-.16c-1.134 0-2.16.2-3 .553Zm3 1.227c-1.134 0-2.16.193-3 .553v1.107c.753-.427 1.8-.66 3-.66.586 0 1.153.06 1.666.173V9.047a8.465 8.465 0 0 0-1.666-.16Z"/>
</svg>