Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">cut_vertical</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#cut-vertical" />
</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-cut-vertical" viewBox="0 0 24 24">
<path d="M8.1 16.1c-.5-.2-.9-.3-1.5-.3-2 0-3.6 1.6-3.6 3.6S4.6 23 6.6 23s3.6-1.6 3.6-3.6q0-.75-.3-1.5l2.1-2.1 2.1 2.1c-.2.5-.3.9-.3 1.5 0 2 1.6 3.6 3.6 3.6s3.6-1.6 3.6-3.6-1.6-3.6-3.6-3.6q-.75 0-1.5.3L13.8 14l6.3-6.3V5h-.9zm.3 3.3c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8.8-1.8 1.8-1.8 1.8.8 1.8 1.8m10.8 0c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8.8-1.8 1.8-1.8 1.8.8 1.8 1.8M12.4 14c0 .3-.2.4-.4.4s-.4-.2-.4-.4.2-.4.4-.4.4.1.4.4M3.9 7.7l5.4 5.4 1.8-1.8L4.8 5h-.9z"/>
<path d="M12.7 17h-1.5v2h1.5zm0 4h-1.5v2h1.5zm0-16h-1.5v2h1.5zm0 3.2h-1.5v2h1.5zm0-7.2h-1.5v2h1.5z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.