Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">layout_cover</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#layout-cover" />
</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-layout-cover" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M13 7.3c0-.7.6-1.2 1.2-1.2V6h4.9l3.8 3.8v7.5c0 .6-.5 1.2-1.2 1.2h-7.5c-.6 0-1.2-.5-1.2-1.2zM9.6 8.4l-.9-.9-1 .9 1 .9zM7.8 6.6l-.9.9-.3-.2h-.2V6.1H7zm-2.6.7H4V6.1h1.2zm-2.4 0h-.6v.6H1v-.6c0-.7.6-1.2 1.2-1.2h.6zm-.6 2.2v1.2H1V9.5zm0 2.4v1.2H1v-1.2zm0 2.4v1.2H1v-1.2zm0 2.4v.6h.7v1.2h-.7c-.6 0-1.2-.5-1.2-1.2v-.6zm1.9.6h1.3v1.2H4.1zm2.5 0h1.3v1.2H6.6zm2.5 0h.6v-6.9l-.2-.2 1-.9.5.5v.6H9.8v1.2H11v1.2H9.8V14H11v1.2H9.8v1.2H11v.9c0 .7-.6 1.2-1.2 1.2h-.7zM18.6 7v3.4H22z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.