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_alt_broken</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-alt-broken" />
</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-alt-broken" viewBox="0 0 24 24">
<path d="M7.375 9.1c2.1-2.1 5.4-2.1 7.5 0 .3.4.6.7.8 1.1l-1.7 1.7c-.1.1-.2.1-.3.2-.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 0l1.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.5zm2.9 2.9c.1.4.3.8.7 1.1.877.877 2.295.984 3.372.32l1.684 2.027c-2.094 1.617-5.026 1.483-6.956-.447-.3-.3-.6-.7-.8-1.1l1.7-1.7c.1-.1.2-.1.3-.2m.187-7.537c.472-2.932 3.147-4.865 6.08-4.392a5.37 5.37 0 0 1 4.45 6.16l-.495 3.073h-2.651l.575-3.559c.224-1.396-.772-2.774-2.227-3.08-1.396-.225-2.774.772-3.08 2.226l-.316 1.437c-.922-.219-2.216-.011-2.782.299z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.