Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">toggle_off</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#toggle-off" />
</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-toggle-off" viewBox="0 0 24 24">
<path d="M17.5 7c3.036 0 5.5 2.464 5.5 5.5S20.536 18 17.5 18h-11A5.5 5.5 0 0 1 1 12.5C1 9.464 3.464 7 6.5 7zm-11 1.1a4.395 4.395 0 0 0-4.4 4.4c0 2.435 1.965 4.4 4.4 4.4s4.4-1.965 4.4-4.4-1.965-4.4-4.4-4.4"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.