Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">wrench</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-solid-icons.svg#wrench" />
</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-solid mi-wrench" viewBox="0 0 24 24">
<path d="m6.33 3.41 3.34 3.34c.78.78.78 2.05 0 2.83s-2.05.78-2.83 0L3.5 6.24c-.87 1.99-.49 4.39 1.14 6.02s3.94 1.99 5.91 1.19l6.52 6.52c.61.61 1.6.61 2.21 0l.77-.77c.61-.61.61-1.6 0-2.21l-6.52-6.52c.79-1.96.4-4.3-1.2-5.89s-4.01-2-6-1.15Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.