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-outlined-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-outline mi-wrench" viewBox="0 0 24 24">
<path d="m6.05 3.41 3.34 3.34c.78.78.78 2.05 0 2.83s-2.05.78-2.83 0L3.22 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.15Zm12.52 13.95a.996.996 0 1 1-1.41 1.41l-6.72-6.72a.996.996 0 1 1 1.41-1.41z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.