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_area</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-area" />
</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-area" viewBox="0 0 24 24">
<path d="M3.241 16.5v3.214h1.863V21H2v-4.5zm8.69 3.214V21H6.345v-1.286zM18.138 21h-4.965v-1.286h4.965zm3.724 0H19.38v-1.286h1.242v-3.857h1.241zm-18.62-5.786H2V9.429h1.241zm18.62-.643h-1.24V8.786h1.24zM4.482 4.286h-1.24v3.857H2V3h2.482zM21.862 7.5h-1.24V4.286h-1.863V3h3.103zM10.69 3v1.286H5.725V3zm6.828 0v1.286H11.93V3z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.