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_squiggle</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-squiggle" />
</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-squiggle" viewBox="0 0 24 24">
<path d="M20.83 20v2c-1.04.01-2.01-.53-2.56-1.41-.38-.51-.64-.64-1-.64s-.51.13-1 .64A3.33 3.33 0 0 1 13.62 22c-1.04.01-2.01-.53-2.56-1.41-.38-.51-.64-.64-1-.64s-.52.13-1 .64c-.6.85-1.57 1.37-2.61 1.41-1.04.01-2.02-.52-2.57-1.41-.38-.51-.64-.64-1-.64V17.9c1.04-.01 2.01.53 2.56 1.41.38.51.64.64 1 .64s.51-.13 1-.64c.59-.84 1.54-1.36 2.57-1.41 1.04-.01 2.01.53 2.56 1.41.38.51.64.64 1 .64s.52-.13 1-.64c.59-.84 1.53-1.36 2.56-1.41 1.09-.06 2.12.48 2.7 1.41.33.51.59.69 1 .69M8.62 12.77h6.67l1.54 3.59h2.56L13.75 2.64C13.5 2.25 13.06 2 12.6 2h-1.15c-.51 0-.97.3-1.16.77L4.52 16.36h2.57zm3.34-7.95 2.31 5.51H9.65z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.