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_back</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-back" />
</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-back" viewBox="0 0 24 24">
<path d="M20.507 4c.031 0 .056.021.086.027.04.007.082 0 .12.018.015.007.02.024.035.031.037.022.062.05.093.081.04.04.073.077.096.126.008.016.027.024.033.04.01.026-.001.052.004.08.006.03.026.058.026.09v13.212a.5.5 0 0 1-.145.35l-2.727 2.707-.002.002-.009.006a.5.5 0 0 1-.151.1.5.5 0 0 1-.189.036H3.493A.49.49 0 0 1 3 20.413V6.824c0-.04.013-.075.021-.111q.004-.025.011-.048a.5.5 0 0 1 .149-.215l.013-.02L6.263 4.1a.5.5 0 0 1 .299-.1zM6.755 18.152 4.782 19.92h12.502v-1.768zM3.987 7.318v11.99l2.086-1.87V7.319zm14.796-.703-.512.437v12.176l1.742-1.728V5.564zM6.728 4.987 4.959 6.331h12.638l1.572-1.344z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.