Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-clouds"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-clouds"></span>
Code point
- Unicode:
U+F120
- CSS:
\F120
- JS:
\uF120
- 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-clouds" viewBox="0 0 16 16">
<g clip-path="url(#a)">
<path d="M5.996 14a6 6 0 1 1 5.657-8H12a4 4 0 0 1 0 8H5.996Zm0-10.667a4.667 4.667 0 1 0 0 9.334H12a2.667 2.667 0 0 0 0-5.334h-.84a.667.667 0 0 1-.646-.5 4.667 4.667 0 0 0-4.518-3.5Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h16v16H0z"/>
</clipPath>
</defs>
</svg>