Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">download_xls</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#download-xls" />
</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-download-xls" viewBox="0 0 24 24">
<path d="M11.29 12.29c.39.39 1.02.39 1.41 0l3.51-3.51c.63-.63.18-1.71-.71-1.71h-.97V3c0-.55-.45-1-1-1h-3.08c-.55 0-1 .45-1 1v4.08h-.97c-.89 0-1.34 1.08-.71 1.71l3.51 3.51Zm-.33-3.72V3.5h2.08v5.08h1.26l-2.3 2.3-2.3-2.3h1.26Zm.92 6.42H9.99v7h4.83v-1.52h-2.94zm6.54 2.74c-.67-.17-1.19-.33-1.19-.78 0-.32.26-.5.78-.5.59 0 1.23.39 1.61.85l1.22-1c-.54-.66-1.4-1.32-2.82-1.32-1.53 0-2.57.76-2.57 2.13 0 1.53 1.47 1.81 2.57 2.09.67.16 1.2.32 1.2.76s-.41.59-.97.59c-.7 0-1.37-.37-1.77-1.02l-1.35.84c.58.92 1.5 1.61 3.03 1.61 2.07 0 2.83-1.06 2.83-2.14 0-1.51-1.48-1.85-2.58-2.11Zm-9.16-2.74H7.32l-.96 1.84-1.05-1.84H3.14l2.02 3.32-2.17 3.68h2l1.17-2.13 1.24 2.13h2.1l-2.19-3.66 1.94-3.34Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.