Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">night_partly_cloudy</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#night-partly-cloudy" />
</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-night-partly-cloudy" viewBox="0 0 24 24">
<path d="M22.04 12.93c-.18-.63-.72-1.06-1.33-1.15 0-.08.01-.16.01-.25 0-1.4-1.14-2.54-2.54-2.54-1.03 0-1.92.62-2.31 1.5-.22-.07-.45-.12-.69-.12a2.311 2.311 0 0 0 0 4.62h5.31q.225 0 .45-.06c.86-.25 1.35-1.14 1.1-2m-9.9 7.93c-.91 0-1.83-.14-2.74-.43-3.63-1.15-6.18-4.75-6.05-8.55a8.78 8.78 0 0 1 5.53-7.9c.42-.18.9-.07 1.21.27.32.34.39.84.18 1.27a7.2 7.2 0 0 0-.81 3.64c.1 2.75 1.86 5.29 4.4 6.36l.13.05c1.19.47 2.44.63 3.7.45.45-.07.9.15 1.12.57.23.41.17.91-.14 1.26-1.7 1.96-4.07 3.01-6.55 3.01ZM8.5 5.82c-2.17 1.24-3.57 3.54-3.66 6.11-.1 3.09 2.05 6.13 5.01 7.07 2.54.81 5.08.28 6.99-1.41-1.11.02-2.2-.17-3.26-.57l-.14-.05c-3.15-1.25-5.35-4.37-5.47-7.75-.05-1.16.14-2.31.53-3.39Zm9.42 11.69h-.01zM9.44 5.36h-.01z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.