Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">support_alt</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#support-alt" />
</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-support-alt" viewBox="0 0 24 24">
<path d="M12.5 2c4.69 0 8.5 3.81 8.5 8.5 0 4.5-3.14 9.16-8 11.5v-3h-.5C7.81 19 4 15.19 4 10.5S7.81 2 12.5 2m-1 12.5v2h2v-2zm1-10.5c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 .88-.58 1.323-1.23 1.821-.828.635-1.77 1.358-1.77 3.179h2c0-1.095.71-1.717 1.44-2.354.77-.673 1.56-1.363 1.56-2.646 0-2.21-1.79-4-4-4"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.