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_error</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-error" />
</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-error" viewBox="0 0 24 24">
<path d="M21 20.731 19.73 22l-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.99L2 4.27 3.27 3zM7.53 9.8C7.2 10.47 7 11.21 7 12c0 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-.65zm12.884 5.79h-2v-2h2zM12.01 9.01c1.66 0 3 1.34 3 3l-.02.16-3.15-3.15zm8.404-3.42v6h-2v-6zM11.99 4.5c1.379 0 2.698.244 3.93.68v3.75C15.002 7.765 13.596 7 12 7c-.65 0-1.26.13-1.83.36L8.01 5.2c1.24-.45 2.58-.7 3.98-.7"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.