Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">user_group_add</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#user-group-add" />
</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-user-group-add" viewBox="0 0 24 24">
<path d="M13 13.5c2 0 6 1 6 3v2H7v-2c0-2 4-3 6-3m6.62.16c2.01.35 4.38 1.3 4.38 2.84v2h-3v-2c0-1.18-.55-2.11-1.38-2.84M5 10.5h3v2H5v3H3v-3H0v-2h3v-3h2zm8-5c1.66 0 2.99 1.34 2.99 3s-1.33 3-2.99 3-3-1.34-3-3 1.34-3 3-3m5 0c1.66 0 2.99 1.34 2.99 3s-1.33 3-2.99 3c-.32 0-.63-.05-.91-.14.56-.82.9-1.79.9-2.86s-.33-2.05-.9-2.86c.28-.09.59-.14.91-.14"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.