Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">select_rectangle_subtract_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#select-rectangle-subtract-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-select-rectangle-subtract-add" viewBox="0 0 24 24">
<path d="M11.809 19.7V21H6.208v-1.3zm6.199 0V21h-5v-1.3zm-14.9 0h1.9V21h-3.1v-4.5h1.2zm18.6 1.3h-2.5v-1.3h1.3v-3.799h1.2zM3.108 9.4v5.8h-1.2V9.4zm18.6.774V14.6h-1.2v-4.424zM4.408 4.3h-1.3v3.9h-1.2V3h2.5zm16.4-4.3v3h3v2h-3v3h-2V5h-3V3h3V0zm-10.2 3v1.3h-5V3zm2.915 0v1.3H11.81V3z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.