Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-coffee"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-coffee"></span>
Code point
- Unicode:
U+F121
- CSS:
\F121
- JS:
\uF121
- 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-coffee" viewBox="0 0 16 16">
<path d="M15 5.667c-.6-.667-1.467-1-2.334-1H1.333c-.4 0-.666.266-.666.666v6c0 .867.333 1.734 1 2.334.6.666 1.466 1 2.333 1h5.333c.867 0 1.733-.334 2.333-1 .6-.667 1-1.467 1-2.334.867 0 1.734-.333 2.334-1 .6-.666 1-1.466 1-2.333 0-.867-.334-1.733-1-2.333Zm-3.667 5.666c0 .534-.2 1.067-.6 1.4-.4.334-.867.6-1.4.6H4c-.534 0-1.067-.2-1.4-.6-.4-.333-.6-.866-.6-1.4V6h9.333v5.333ZM14.066 9.4c-.333.4-.866.6-1.4.6V6c.534 0 1.067.2 1.4.6.4.4.6.867.6 1.4 0 .533-.2 1.067-.6 1.4ZM4 3.333c-.4 0-.667-.266-.667-.666v-2C3.333.267 3.6 0 4 0s.667.267.667.667v2c0 .4-.267.666-.667.666Zm2.667 0c-.4 0-.667-.266-.667-.666v-2c0-.4.266-.667.667-.667.4 0 .666.267.666.667v2c0 .4-.267.666-.667.666Zm2.666 0c-.4 0-.667-.266-.667-.666v-2c0-.4.267-.667.667-.667S10 .267 10 .667v2c0 .4-.267.666-.667.666Z"/>
</svg>