Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-arrow-down"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-arrow-down"></span>
Code point
- Unicode:
U+F103
- CSS:
\F103
- JS:
\uF103
- 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-arrow-down" viewBox="0 0 16 16">
<path d="m13.133 8.467-4.666 4.667c-.067.066-.134.133-.2.133-.067.067-.2.067-.267.067s-.2 0-.267-.067c-.066-.067-.133-.067-.2-.133L2.866 8.467a.644.644 0 0 1 0-.933.644.644 0 0 1 .934 0l3.533 3.533V3.334c0-.4.267-.667.667-.667s.666.267.666.667v7.733L12.2 7.534a.645.645 0 0 1 .933 0 .645.645 0 0 1 0 .933Z"/>
</svg>