Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">measure_perimeter</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#measure-perimeter" />
</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-measure-perimeter" viewBox="0 0 24 24">
<path d="M16.1 4.3H7.9v-2H16v2zM4 15.4H2v1.9c0 1 .8 1.8 1.8 1.8h1.8v-2H4zM4 4.3h1.6v-2H3.8c-1 0-1.8.8-1.8 1.8v1.8h2zm0 3.9H2v4.9h2zm13.7 13.4q.3.3.6 0c.1-.1.1-.2.1-.3v-6.5c0-.2-.2-.4-.4-.4-.1 0-.2 0-.3.1l-3.3 3.3q-.3.3 0 .6zM20 5.9h2V4.1c0-1-.8-1.8-1.8-1.8h-1.8v2H20zm0 2.3v4.9h2V8.2zm0 8.8h-1.6v2h1.8c1 0 1.8-.8 1.8-1.7v-1.8h-2zM9.3 17H7.9v2h1.4v3h2v-8.3h-2z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.