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_account</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-account" />
</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-account" viewBox="0 0 24 24">
<path d="M21 5.5h-6c-.41 0-.75-.34-.75-.75S14.59 4 15 4h6c.41 0 .75.34.75.75s-.34.75-.75.75m.75 2.25c0-.41-.34-.75-.75-.75h-6c-.41 0-.75.34-.75.75s.34.75.75.75h6c.41 0 .75-.34.75-.75m0 3c0-.41-.34-.75-.75-.75h-6c-.41 0-.75.34-.75.75s.34.75.75.75h6c.41 0 .75-.34.75-.75M5.67 8.54C5.67 6.7 7.16 5.21 9 5.21s3.33 1.49 3.33 3.33-1.49 3.33-3.33 3.33-3.33-1.49-3.33-3.33m2 .01c0 .73.6 1.33 1.33 1.33s1.33-.6 1.33-1.33S9.73 7.22 9 7.22s-1.33.6-1.33 1.33m6.92 5.59c1.08.5 1.39.89 1.39 1.59 0 .38-.2 1.15-.39 1.79-.17.6-.72 1.01-1.34 1.01H3.71c-.62 0-1.16-.41-1.34-1.01-.19-.64-.39-1.41-.39-1.79 0-.7.31-1.09 1.39-1.59s3.08-1.21 5.62-1.21c2.55-.01 4.54.71 5.62 1.21zm-.77 2.39c.05-.21.09-.37.12-.5l-.16-.08c-1.01-.47-2.55-1.03-4.77-1.03s-3.95.65-4.78 1.03c-.06.03-.11.06-.16.08.02.12.06.29.12.5z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.