Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">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="/modus-solid-icons.svg#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-solid mi-visibility-off" viewBox="0 0 24 24">
<path d="M14.61 10.01c-.08-.14-.62-1.08-1.77-1.42-.49-.15-.92-.13-1.18-.1l-.2.03L14.94 12c.04-.25.16-1.1-.33-1.98Zm5.08-1.4c-.64-.62-2.4-2.19-5.14-2.85-1.63-.39-3-.31-3.73-.23-.65.07-1.19.19-1.58.29l-.36.1L9.9 6.94c.41-.19 1.15-.48 2.11-.48 1.62 0 2.73.8 3.05 1.04.31.24 1.53 1.24 1.86 3.05.27 1.46-.21 2.61-.4 3.02l1.85 1.85c.66-.47 1.48-1.17 2.26-2.16.51-.64.88-1.26 1.16-1.8a11.3 11.3 0 0 0-2.1-2.86ZM4.48 3.55a.996.996 0 1 0-1.41 1.41l2.57 2.57c-.55.39-1.21.94-1.87 1.69-.73.82-1.22 1.62-1.55 2.26.43.83 1.23 2.14 2.64 3.35.86.73 2.56 1.97 5.06 2.45 2.34.45 4.25.02 5.21-.27l3.44 3.44c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41zM12 16.48c-2.42 0-3.88-1.85-3.98-1.98-.19-.25-1.13-1.53-1.01-3.32.05-.67.22-1.2.37-1.54l.11-.25 1.56 1.56-.02.12c0 .06-.02.15-.02.25 0 0-.02.36.05.71.22 1.18 1.2 1.88 1.2 1.88 1.01.72 2.1.55 2.29.51l1.56 1.56c-.42.2-1.16.48-2.1.48Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.