Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">link</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#link" />
</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-link" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="m16.575 14.975 3.8-3.8c2.1-2.1 2.1-5.5 0-7.6s-5.4-2.1-7.5 0l-2.8 2.8c1.2-.1 2.3 0 3.4.4l1.3-1.3c1.1-1 2.8-1 3.8 0 1 1.1 1 2.8 0 3.8l-3.8 3.8c-1.1 1-2.8 1-3.8 0-.4-.3-.6-.7-.7-1.1-.05.05-.1.075-.15.1s-.1.05-.15.1l-1.7 1.7c.2.4.5.8.8 1.1 2.1 2.1 5.4 2.1 7.5 0m-7.4 3.6 1.3-1.3c1.1.5 2.3.6 3.4.3l-2.8 2.8c-2.1 2.1-5.4 2.1-7.5 0s-2.1-5.4 0-7.5l3.8-3.8c2.1-2.1 5.4-2.1 7.5 0q.14.184.276.349c.2.246.386.475.524.751l-1.7 1.7c-.05.05-.1.075-.15.1s-.1.05-.15.1c-.2-.4-.4-.8-.7-1.1-1.1-1-2.8-1-3.8 0l-3.8 3.8c-1 1.1-1 2.8 0 3.8 1.1 1 2.8 1 3.8 0"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.