Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">text</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#text" />
</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-text" viewBox="0 0 24 24">
<path d="M12.469 7.298q1.767 0 2.626.581c.568.38.898 1.075.858 1.806a2.46 2.46 0 0 1-.364 1.375c-.236.37-.586.631-.985.734v.065c.46.104.872.382 1.167.786.255.421.384.921.364 1.428.028.804-.304 1.573-.888 2.056a3.62 3.62 0 0 1-2.418.75H9.454V7.3zM8.804 16.88H6.258l-.44-1.796H3.015l-.44 1.796H0l2.83-9.625h3.126zm12.32-9.878c.93 0 1.848.23 2.687.674l-.727 2.041a8 8 0 0 0-.96-.4 3.1 3.1 0 0 0-1.033-.17c-.523-.014-1.015.273-1.298.759a3.97 3.97 0 0 0-.47 2.09q0 2.767 1.907 2.767c.376 0 .75-.061 1.112-.18q.556-.182 1.09-.425v2.193a5.5 5.5 0 0 1-2.457.53q-1.96-.032-3.008-1.288-1.047-1.256-1.047-3.637c-.017-.904.157-1.8.509-2.616a3.9 3.9 0 0 1 1.455-1.732A4.1 4.1 0 0 1 21.124 7m-8.546 5.869H11.8v2.005h.822q1.098 0 1.102-1.015a.93.93 0 0 0-.295-.734 1.26 1.26 0 0 0-.85-.256m-8.17-4.036q-.052.333-.212 1.103t-.698 3.024l1.837.004-.364-1.572q-.127-.513-.317-1.355a23 23 0 0 1-.247-1.204m7.392 2.138h.691c.276.02.55-.06.782-.228a.84.84 0 0 0 .276-.682q0-.803-1.091-.803H11.8z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.