Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">eye_visibility_off</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#eye-visibility-off" />
</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-eye-visibility-off" viewBox="0 0 24 24">
<path d="m21.005 20.23-1.27 1.27-2.93-2.92-.42-.42c-1.35.54-2.83.84-4.38.84-5 0-9.27-3.11-11-7.5.78-1.98 2.08-3.7 3.74-4.99l-2.74-2.74 1.27-1.27zM7.535 9.3c-.33.67-.53 1.41-.53 2.2 0 2.76 2.24 5 5 5 .79 0 1.53-.2 2.2-.53l-1.55-1.55c-.21.05-.43.08-.65.08-1.66 0-3-1.34-3-3 0-.22.03-.44.08-.65zm4.46-5.3c5 0 9.27 3.11 11 7.5-.73 1.86-1.92 3.49-3.43 4.75l-2.92-2.92c.23-.57.36-1.18.36-1.83 0-2.76-2.24-5-5-5-.65 0-1.26.13-1.83.36L8.015 4.7c1.24-.45 2.58-.7 3.98-.7m.02 4.51c1.66 0 3 1.34 3 3l-.02.16-3.15-3.15z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.