Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">fast_rewind</i>
SVG sprite
Use for static sites when you only need a few icons.
<svg class="mi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/modus-outlined-icons.svg#fast-rewind" />
</svg>
SVG code
Use when you don't want any dependency.
info_outlined
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-fast-rewind" viewBox="0 0 24 24">
<path d="M10.16 6.63c-.21 0-.42.06-.61.2l-6.11 4.31c-.6.42-.6 1.31 0 1.73l6.11 4.31c.19.13.4.2.61.2.55 0 1.06-.44 1.06-1.06V7.69c0-.62-.51-1.06-1.06-1.06m-.94 7.86L5.69 12l3.53-2.49v4.99Zm10.71-7.86c-.21 0-.42.06-.61.2l-6.11 4.31c-.6.42-.6 1.31 0 1.73l6.11 4.31c.19.13.4.2.61.2.55 0 1.06-.44 1.06-1.06V7.69c0-.62-.51-1.06-1.06-1.06m-.94 7.86L15.46 12l3.53-2.49v4.99Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.