Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-chevron-down"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-chevron-down"></span>
Code point
- Unicode:
U+F117
- CSS:
\F117
- JS:
\uF117
- 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-chevron-down" viewBox="0 0 16 16">
<path d="m12.467 6.466-4 4a.605.605 0 0 1-.467.2.605.605 0 0 1-.466-.2l-4-4a.644.644 0 0 1 0-.933.644.644 0 0 1 .933 0L8 9.066l3.534-3.533a.644.644 0 0 1 .933 0 .644.644 0 0 1 0 .933Z"/>
</svg>