Icon Component
Using the Icon Component? Copy, paste, and go.
<s-icon name="icon-shuffle"></s-icon>
Icon font
Using the web font? Copy, paste, and go.
<span class="sf-main sf-icon-shuffle"></span>
Code point
- Unicode:
U+F172
- CSS:
\F172
- JS:
\uF172
- 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-shuffle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12.67 3.614 2.475 13.807a.672.672 0 0 1-.947 0 .672.672 0 0 1 0-.947L11.723 2.667h-1.72A.669.669 0 0 1 9.336 2c0-.366.3-.666.667-.666h3.313a.666.666 0 0 1 .493.186l.007.007c.133.133.2.313.193.493v3.314c0 .366-.3.666-.666.666a.669.669 0 0 1-.667-.666v-1.72h-.007Zm1.333 7.053c0-.367-.3-.667-.667-.667-.367 0-.667.3-.667.667v1.72l-2.86-2.86-.006-.007a.658.658 0 0 0-.94.007c-.227.273-.247.687 0 .947l2.86 2.86h-1.72c-.367 0-.667.3-.667.666 0 .367.3.667.667.667h3.32a.658.658 0 0 0 .68-.68v-3.32Zm-9.14-4.193c.26.26.686.26.946 0a.672.672 0 0 0 0-.947L2.476 2.194l-.007-.007a.67.67 0 0 0-.94.007l-.006.006a.67.67 0 0 0 .006.94l3.334 3.334Z"/>
</svg>