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_heavy</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-heavy" />
</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-heavy" 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 6Zm-.05 14c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5m2-2c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5m2 2c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5m10-3c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5m-9-1c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5m5.99 3.28h-1.18l.74-.74c.09-.09.09-.23 0-.32s-.23-.09-.32 0l-1.04 1.04-.02.02h-.58v-.58l.02-.02 1.04-1.04c.09-.09.09-.23 0-.32s-.23-.09-.32 0l-.74.74v-1.18c0-.17-.13-.3-.3-.3s-.3.13-.3.3v1.18l-.74-.74c-.09-.09-.23-.09-.32 0s-.09.23 0 .32l1.04 1.04.02.02v.58h-.58l-.02-.02-1.04-1.04c-.09-.09-.23-.09-.32 0s-.09.23 0 .32l.74.74H13.1c-.17 0-.3.13-.3.3s.13.3.3.3h1.18l-.74.74c-.09.09-.09.23 0 .32.04.04.1.07.16.07s.12-.02.16-.07l1.04-1.04.02-.02h.58v.58l-.02.02-1.04 1.04c-.09.09-.09.23 0 .32.04.04.1.07.16.07s.12-.02.16-.07l.74-.74v1.18c0 .17.13.3.3.3s.3-.13.3-.3v-1.18l.74.74s.1.07.16.07.12-.02.16-.07c.09-.09.09-.23 0-.32l-1.04-1.04-.02-.02v-.58h.58l.02.02 1.04 1.04s.1.07.16.07.12-.02.16-.07c.09-.09.09-.23 0-.32l-.74-.74h1.18c.17 0 .3-.13.3-.3s-.13-.3-.3-.3M6.61 17.3h-.75l.47-.47c.06-.06.06-.15 0-.2s-.15-.06-.2 0l-.66.66h-.01l-.37.01v-.37h.01l.66-.67c.06-.06.06-.15 0-.2s-.15-.06-.2 0l-.47.47v-.75c0-.1-.08-.19-.19-.19s-.19.08-.19.19v.75l-.47-.47c-.06-.06-.15-.06-.2 0s-.06.15 0 .2l.66.66h.01v.38h-.38l-.66-.67c-.06-.06-.15-.06-.2 0s-.06.15 0 .2l.47.47h-.75c-.1 0-.19.08-.19.19s.08.19.19.19h.75l-.47.47c-.06.06-.06.15 0 .2.03.03.06.04.1.04s.07-.01.1-.04l.66-.66h.01l.37-.01v.37H4.7l-.66.67c-.06.06-.06.15 0 .2.03.03.06.04.1.04s.07-.01.1-.04l.47-.47v.75c0 .1.08.19.19.19s.19-.08.19-.19v-.75l.47.47s.06.04.1.04.07-.01.1-.04c.06-.06.06-.15 0-.2l-.66-.66h-.01v-.38h.38l.66.67c.03.03.06.04.1.04s.07-.01.1-.04c.06-.06.06-.15 0-.2l-.47-.47h.75c.1 0 .19-.08.19-.19s-.08-.19-.19-.19"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.