Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">user_inactive</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#user-inactive" />
</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-user-inactive" viewBox="0 0 24 24">
<path d="M18.25 22c-2.07 0-3.75-1.68-3.75-3.75s1.68-3.75 3.75-3.75S22 16.18 22 18.25 20.32 22 18.25 22m0-6C17.01 16 16 17.01 16 18.25s1.01 2.25 2.25 2.25 2.25-1.01 2.25-2.25S19.49 16 18.25 16M12 12.51c2.62 0 4.75-2.13 4.75-4.75S14.62 3.01 12 3.01 7.25 5.14 7.25 7.76s2.13 4.75 4.75 4.75m0-7.5c1.52 0 2.75 1.23 2.75 2.75s-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75S10.48 5.01 12 5.01M14.59 22H4.47c-.89 0-1.67-.59-1.92-1.44C2.29 19.64 2 18.54 2 18c0-1 .44-1.56 1.98-2.27S8.38 14 12 14c1.05 0 2.02.09 2.92.22-.6.5-1.09 1.12-1.43 1.83-.48-.04-.97-.07-1.5-.07-3.33 0-5.93.97-7.18 1.55-.49.22-.72.37-.82.45.01.13.07.58.47 2h8.85c.27.77.7 1.45 1.27 2.01Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.