Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">sync_filled</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#sync-filled" />
</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-sync-filled" viewBox="0 0 24 24">
<path d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m2.182 9.818h2.181A4.367 4.367 0 0 1 12 16.182a4.3 4.3 0 0 1-2.036-.51L8.9 16.735a5.77 5.77 0 0 0 3.099.903 5.817 5.817 0 0 0 5.818-5.819H20L17.09 8.91zM12 6a5.817 5.817 0 0 0-5.818 5.818H4l2.91 2.91 2.908-2.91H7.637A4.367 4.367 0 0 1 12 7.454a4.3 4.3 0 0 1 2.036.51L15.1 6.9A5.77 5.77 0 0 0 12 6"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.