Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">offers</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#offers" />
</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-offers" viewBox="0 0 24 24">
<path d="M20.62 6.48c-.62-.36-1.35-.46-2.03-.27s-1.27.64-1.62 1.26c-.05.09-.09.18-.11.28l-1.76 3.56c-.5-.44-1.15-.69-1.82-.69h-2.9c-.63 0-1.25.2-1.76.57l-2.19 1.58c-.61-.72-1.66-.92-2.51-.43l-.93.54c-.95.56-1.28 1.79-.74 2.74l3.08 5.39c.55.96 1.77 1.29 2.72.73l.93-.54c.54-.32.88-.85.97-1.42h5.57c1.19 0 2.27-.7 2.75-1.8l3.51-8.01q.045-.09.06-.18c.06-.1.1-.22.13-.34.09-.51-.02-.99-.1-1.33a2.68 2.68 0 0 0-1.25-1.64m-1.89 2s.04-.08.05-.12q.135-.15.33-.21c.17-.05.36-.02.51.07s.27.24.32.42c.06.22.07.35.07.42-.02.04-.04.07-.06.12l-3.51 8.01c-.16.36-.52.6-.92.6H9.73c-.13 0-.25.02-.36.07l-1.91-3.35 2.34-1.69c.17-.12.38-.19.59-.19h2.9c.2 0 .4.08.55.23s.23.35.23.57-.08.42-.23.57-.25.23-.33.28c-.07.04-.11.05-.13.05h-2.62c-.55 0-1 .45-1 1s.45 1 1 1h2.62c.91 0 1.53-.57 1.88-.92.42-.42.69-.97.78-1.55.07-.07.13-.15.17-.25l2.53-5.12ZM3.99 14.62l.93-.54L8 19.47l-.93.54zM12 9.75C9.93 9.75 8.25 8.07 8.25 6S9.93 2.25 12 2.25 15.75 3.93 15.75 6 14.07 9.75 12 9.75m0-6c-1.24 0-2.25 1.01-2.25 2.25S10.76 8.25 12 8.25 14.25 7.24 14.25 6 13.24 3.75 12 3.75"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.