Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-directions"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-directions"></span>
Code point
- Unicode:
U+F129
- CSS:
\F129
- JS:
\uF129
- 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-directions" viewBox="0 0 16 16">
<g clip-path="url(#a)">
<path d="M15.913 1A.673.673 0 0 0 15 .753l-4.353 2.494L5.707.78A.951.951 0 0 0 5.48.687a.555.555 0 0 0-.147-.02h-.02a.391.391 0 0 0-.153.026.413.413 0 0 0-.127.047c-.026.013-.046.027-.073.04L.333 3.42A.667.667 0 0 0 0 4v10.667c.001.116.03.23.087.333a.673.673 0 0 0 .913.247l4.353-2.494 5.014 2.514a.095.095 0 0 0 .04.013.5.5 0 0 0 .106.033c.05.014.102.02.154.02a.694.694 0 0 0 .286-.066l.047-.02c.013-.007.027-.02.04-.027l4.627-2.64A.668.668 0 0 0 16 12V1.333A.708.708 0 0 0 15.913 1ZM1.333 4.387 4.667 2.48v9.14l-3.334 1.9V4.387ZM6 2.407l4 2v9.18l-4-2v-9.18Zm8.667 9.206-3.334 1.907V4.387l3.334-1.907v9.133Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h16v16H0z"/>
</clipPath>
</defs>
</svg>