Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">key</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#key" />
</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-key" viewBox="0 0 24 24">
<path d="M19 19c-1.65 0-3-1.35-3-3v-1h-2.68a6.995 6.995 0 0 1-11.76 1.4C.22 14.76-.29 12.6.16 10.49c.56-2.66 2.73-4.82 5.41-5.35 3.24-.64 6.38.96 7.75 3.86H21c1.65 0 3 1.35 3 3 0 1.3-.84 2.42-2 2.83V16c0 1.65-1.35 3-3 3m-7.06-6H18v3c0 .55.45 1 1 1s1-.45 1-1v-3h1c.55 0 1-.45 1-1s-.45-1-1-1h-9.06l-.24-.67C10.86 7.96 8.45 6.6 5.96 7.1c-1.9.38-3.45 1.91-3.85 3.8-.32 1.52.04 3.06 1 4.24A4.99 4.99 0 0 0 7 17c2.11 0 4.01-1.34 4.71-3.33l.24-.67ZM7 15c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3m0-4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.