Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">moon</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#moon" />
</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-moon" viewBox="0 0 24 24">
<path d="M12.6 20.24c-.91 0-1.83-.13-2.74-.39-2.69-.78-4.81-2.76-5.66-5.3-.73-2.16-.58-4.43.41-6.39 1.03-2.04 2.91-3.62 5.15-4.35.47-.15.97 0 1.27.39s.32.9.05 1.31c-1.05 1.61-1.25 3.52-.57 5.4.59 1.63 1.98 2.97 3.7 3.57 1.47.51 3 .57 4.41.16.52-.15 1.08.04 1.39.48.3.42.3.96 0 1.38-1.68 2.4-4.47 3.75-7.43 3.75ZM9.33 5.59c-1.47.69-2.67 1.84-3.38 3.24-.82 1.62-.93 3.44-.33 5.24.68 2.04 2.47 3.7 4.65 4.33 2.99.87 6.12 0 8.03-2.16-1.5.29-3.07.17-4.58-.36-2.14-.75-3.86-2.42-4.61-4.47-.72-1.99-.64-4.02.21-5.83Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.