Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">content_cut</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#content-cut" />
</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-content-cut" viewBox="0 0 24 24">
<path d="M6 2c2.21 0 4 1.79 4 4 0 .59-.13 1.14-.36 1.64L22 20v1h-3l-7-7-2.36 2.36c.23.5.36 1.05.36 1.64 0 2.21-1.79 4-4 4s-4-1.79-4-4 1.79-4 4-4c.59 0 1.14.13 1.64.36L10 12 7.64 9.64c-.5.23-1.05.36-1.64.36-2.21 0-4-1.79-4-4s1.79-4 4-4m0 14a2 2 0 1 0-.001 3.999A2 2 0 0 0 6 16m6-4.5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5M22 3v1l-7 7-2-2 6-6zM6 4a2 2 0 1 0-.001 3.999A2 2 0 0 0 6 4"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.