Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">web_link</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#web-link" />
</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-web-link" viewBox="0 0 24 24">
<path d="M2.618 12.673c0 .654.11 1.2.437 1.527.218.327.654.437 1.09.437.546 0 .873-.11 1.2-.437.219-.327.328-.764.328-1.527V7H8.29v5.782c0 1.31-.327 2.291-1.09 2.945-.764.655-1.746 1.091-3.055 1.091s-2.292-.328-3.055-.982C.436 15.18 0 14.2 0 12.89V7h2.618zM12.11 7c2.618 0 3.927.982 3.927 2.836q0 1.636-1.636 2.618l2.836 4.255h-3.054l-2.073-3.491h-.655V16.6h-2.51V7zm8.182 7.527H24V16.6h-6.327V7h2.618zm-8.728-3.381H12c.873 0 1.418-.437 1.418-1.2q0-.982-1.309-.982h-.546z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.