Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">notifications_off</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#notifications-off" />
</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-notifications-off" viewBox="0 0 24 24">
<path d="M3.22 2.81a.996.996 0 1 0-1.41 1.41l4.37 4.37c-.03.09-.05.17-.07.26-.08.4-.11.77-.11 1.14 0 3.42-1.3 5.48-2.39 6.62A2 2 0 0 0 5.05 20h12.54l1.19 1.19c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41zm1.82 15.2c1.3-1.35 2.83-3.77 2.93-7.61l7.61 7.61H5.05Zm4.95 3h4c0 1.1-.9 2-2 2s-2-.9-2-2m10.39-4.38c-1.09-1.13-2.39-3.2-2.39-6.62 0-.37-.04-.74-.11-1.14-.02-.09-.04-.19-.09-.35-.06-.24-.13-.48-.22-.71-.04-.11-.09-.21-.18-.39-.1-.2-.2-.4-.32-.59-.08-.13-.17-.25-.25-.37-.13-.17-.27-.34-.41-.5-.1-.11-.21-.22-.31-.32-.16-.15-.33-.29-.56-.46-.1-.07-.2-.15-.3-.21-.2-.13-.41-.23-.7-.38-.09-.05-.18-.09-.27-.13-.29-.12-.6-.22-.89-.28l-.17-.05-.2-.03V3.01c0-.55-.45-1-1-1s-1 .45-1 1V4.1l-.21.03c-.06.01-.11.03-.12.03-.33.08-.65.17-.94.29-.09.04-.18.08-.35.17-.21.1-.42.21-.62.34-.1.07-.2.14-.35.25s-.29.23-.43.36l1.42 1.42c.08-.06.16-.13.28-.22.06-.04.11-.08.17-.12.13-.08.27-.15.41-.22l.14-.07s.06-.04.1-.05c.19-.08.4-.14.61-.19.05-.01.11-.03.09-.03a4.3 4.3 0 0 1 1.53-.02l.15.04c.23.05.44.12.62.19.03.01.07.03.1.05l.14.07c.14.07.28.14.41.22.06.04.11.08.23.17s.23.18.34.28l.21.21c.1.11.19.22.28.33.06.08.12.16.17.24q.12.195.21.39l.05.09c.03.05.05.11.08.17.06.15.1.31.15.47l.07.23c.05.27.08.52.08.76 0 1.69.28 3.1.7 4.29l4.18 4.18c.16-.65 0-1.35-.48-1.85ZM12 4"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.