Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">snow_light</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#snow-light" />
</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-snow-light" viewBox="0 0 24 24">
<path d="M7.56 15a5.25 5.25 0 1 1 0-10.5c.31 0 .62.03.95.1a5.71 5.71 0 0 1 4.9-2.8c3.11 0 5.64 2.5 5.7 5.59 1.22.39 2.18 1.37 2.55 2.62A3.9 3.9 0 0 1 19 14.84c-.33.1-.67.14-1.08.14H7.56Zm0-8.99c-2.07 0-3.75 1.68-3.75 3.75s1.68 3.75 3.75 3.75h10.36c.26-.02.47-.04.66-.1.62-.18 1.13-.59 1.43-1.15.31-.56.38-1.21.2-1.82a2.4 2.4 0 0 0-1.98-1.71l-.71-.1.07-.72c.01-.14.02-.27.02-.41a4.2 4.2 0 0 0-8.03-1.72l-.27.61-.63-.2C8.26 6.06 7.91 6 7.57 6Zm2.79 11.33h-.59l.37-.37c.04-.04.05-.11 0-.16a.11.11 0 0 0-.16 0l-.53.52h-.29v-.29h.01l.53-.52s.05-.11 0-.16a.11.11 0 0 0-.16 0l-.37.37v-.59c0-.08-.06-.15-.14-.15s-.15.07-.15.15v.59l-.37-.37c-.04-.04-.11-.05-.16 0s-.05.11 0 .16l.52.53v.3h-.29v-.01l-.52-.53s-.11-.05-.16 0-.05.11 0 .16l.37.37h-.59c-.08 0-.15.06-.15.14s.07.15.15.15h.59l-.37.37c-.04.04-.05.11 0 .16.02.02.05.03.08.03s.06-.01.08-.03l.53-.52h.29v.29h-.01l-.53.52s-.05.11 0 .16c.02.02.05.03.08.03s.06-.01.08-.03l.37-.37v.59c0 .08.06.15.14.15s.15-.07.15-.15v-.59l.37.37c.02.02.05.03.08.03s.06-.01.08-.03c.04-.04.05-.11 0-.16l-.52-.53v-.3h.29v.01l.52.53s.05.03.08.03.06-.01.08-.03c.04-.04.05-.11 0-.16l-.37-.37h.59c.08 0 .15-.06.15-.14s-.07-.15-.15-.15m6.89.98h-.99l.63-.62a.19.19 0 0 0 0-.27.19.19 0 0 0-.27 0l-.88.86-.02.02h-.49v-.49l.02-.02.88-.86a.19.19 0 0 0 0-.27.19.19 0 0 0-.27 0l-.63.61v-.99c.01-.14-.1-.25-.24-.25s-.25.11-.25.25v.99l-.62-.63a.19.19 0 0 0-.27 0 .19.19 0 0 0 0 .27l.86.88.02.02v.49h-.49l-.02-.02-.86-.88a.19.19 0 0 0-.27 0 .19.19 0 0 0 0 .27l.61.63h-.99c-.14-.01-.25.1-.25.24s.11.25.25.25h.99l-.63.62a.19.19 0 0 0 0 .27c.04.04.08.06.13.06s.1-.02.13-.05l.88-.86.02-.02h.49v.49l-.02.02-.88.86a.19.19 0 0 0 0 .27c.04.04.08.06.13.06s.1-.02.13-.05l.63-.61v.99c-.01.14.1.25.24.25s.25-.11.25-.25v-.99l.62.63c.04.04.08.06.13.06s.1-.02.13-.05a.19.19 0 0 0 0-.27l-.86-.88-.02-.02v-.49h.49l.02.02.86.88s.08.06.13.06.1-.02.13-.05a.19.19 0 0 0 0-.27l-.61-.63h.99c.14.01.25-.1.25-.24s-.11-.25-.25-.25Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.