Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">model_view_front</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#model-view-front" />
</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-model-view-front" viewBox="0 0 24 24">
<path d="M20.47 4c.03 0 .055.02.083.027.038.006.077 0 .112.016.014.006.02.022.033.028.035.02.06.048.088.076a.4.4 0 0 1 .091.12c.007.014.024.022.03.037.009.025-.002.049.003.074.006.03.025.055.026.086v12.43c0 .123-.05.241-.137.328l-2.566 2.548-.002.002-.008.005a.5.5 0 0 1-.141.094.5.5 0 0 1-.179.035H4.463A.464.464 0 0 1 4 19.442V6.657c0-.037.012-.07.02-.104.004-.016.004-.031.01-.047a.45.45 0 0 1 .14-.2c.005-.005.006-.014.013-.019l2.886-2.192A.47.47 0 0 1 7.351 4zm-1.582 2.427-.52.444v11.456l1.639-1.627V5.472zM7.507 4.929 5.843 6.193h11.89l1.48-1.264z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.