Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">view_compressed_list</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="/connect-icons.svg#view-compressed-list" />
</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-connect mi-view-compressed-list" viewBox="0 0 24 24">
<path d="M4 9.5v2h16v-2zm12-5-1.41-1.41L13 4.67V1.5h-2v3.19L9.39 3.11 8 4.5l4 4zm-12 10h16v-2H4zm4 5 1.39 1.39L11 19.31v3.19h2v-3.17l1.59 1.59L16 19.5l-4-4z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.