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_top</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-top" />
</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-top" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="m22 5.775-9.4-4.7c-.2-.1-.5-.1-.7 0l-9.5 4.7c-.2.1-.4.4-.4.7v11c0 .3.2.6.4.7l9.4 4.7c.041 0 .083.017.131.037a.65.65 0 0 0 .269.063c.1 0 .2 0 .4-.1l9.4-4.7c.3-.1.4-.4.4-.7v-11c0-.3-.2-.6-.4-.7m-10.4 15.2-8-3.9v-9.2l8 4zm1.2-.1 8-3.9v-9.2l-8 3.9z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.