Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">person_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#person-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-person-account" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-2.14 0-4.09-.85-5.53-2.23 1.5-.64 3.38-1.06 5.53-1.06s4.01.43 5.51 1.07A7.98 7.98 0 0 1 12 20m6.82-3.84c-1.89-.91-4.25-1.46-6.82-1.46s-4.93.55-6.82 1.45A7.97 7.97 0 0 1 4 11.99c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.53-.44 2.95-1.18 4.16ZM12 5.72c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4m0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.