Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">reply</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#reply" />
</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-reply" viewBox="0 0 24 24">
<path d="M10.52 7.06v2.26l1.93.07c3.32.12 4.92 1.72 5.78 4.38-1.09-.94-2.41-1.5-4.1-1.5-.66 0-1.36.09-2.1.28l-1.51.38v1.95l-4.87-4.05 4.87-3.78m1.5-3.56c-.11 0-.22.04-.31.1L2.94 10.4c-.12.09-.19.23-.19.39 0 .15.06.3.18.39l8.77 7.29c.09.08.21.11.32.11.07 0 .14-.02.21-.05.18-.08.29-.26.29-.45v-3.59a6.5 6.5 0 0 1 1.61-.22c2.87 0 4.34 2.41 6.16 6.43.08.18.26.29.46.29.04 0 .08 0 .12-.02.23-.06.39-.28.38-.52-.42-5.71-.94-12.78-8.73-13.07v-3.4a.5.5 0 0 0-.5-.5Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.