Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">learn</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#learn" />
</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-learn" viewBox="0 0 24 24">
<path d="M6.08 14.96v1.11c0 .55.45 1 1 1h9.94c.55 0 1-.45 1-1v-1.11c-1.79-1.26-3.88-1.88-5.97-1.88s-4.18.63-5.97 1.88m1.89.61c1.26-.65 2.65-.99 4.08-.99s2.82.34 4.08.99H7.96Zm13.09-4.48-8.63-3.96q-.195-.09-.42-.09c-.225 0-.29.03-.42.09l-8.61 3.96c-.72.33-.76 1.31-.14 1.73v1.25c-.3.09-.52.35-.52.68 0 .21.09.39.23.52l-.61 1.31h2.25l-.63-1.35c.12-.11.18-.26.18-.41 0-.03.02-.05.02-.08 0-.31-.19-.56-.46-.67v-1.03l1.81.83a.99.99 0 0 0 .93-.06c2.19-1.31 4.25-1.76 6.05-1.76 2.89 0 5.08 1.16 5.98 1.74a1 1 0 0 0 .98.06l2.02-.96c.77-.36.76-1.46-.01-1.81Zm-2.41 1.3c-1.23-.74-3.55-1.83-6.56-1.83-2.26 0-4.48.62-6.6 1.85L4.6 12l7.41-3.41L19.46 12l-.81.38Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.