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-solid-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-solid mi-learn" viewBox="0 0 24 24">
<path d="m21.05 11.09-8.63-3.96c-.27-.12-.57-.12-.83 0l-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.83c.3.14.65.11.94-.06 5.72-3.43 10.57-.95 12.03-.03.29.19.66.21.97.06l2.02-.96c.77-.36.76-1.46-.01-1.81ZM6.08 14.97v1.11c0 .55.45 1 1 1h9.94c.55 0 1-.45 1-1v-1.11a10.41 10.41 0 0 0-11.94 0"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.