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-outlined-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-outline mi-visibility-off" viewBox="0 0 24 24">
<path d="M14.6 10.5c0-.1-.6-1.1-1.8-1.4-.5-.1-.9-.1-1.2-.1h-.2l3.5 3.5c0-.2.2-1.1-.3-2m5.1-1.4c-.6-.6-2.4-2.2-5.1-2.9-1.6-.4-3-.3-3.7-.2-.6 0-1.2.2-1.6.3h-.4l1 1.1c.4-.2 1.1-.5 2.1-.5 1.6 0 2.7.8 3 1s1.5 1.2 1.9 3.1c.3 1.5-.2 2.6-.4 3l1.8 1.9c.7-.5 1.5-1.2 2.3-2.2.5-.6.9-1.3 1.2-1.8-.5-1.1-1.3-2-2.1-2.9Zm-15.2-5c-.2-.2-.4-.3-.7-.3s-.5.1-.7.3-.3.4-.3.7.1.5.3.7l2.6 2.6c-.6.4-1.2.9-1.9 1.7s-1.2 1.6-1.5 2.3c.4.8 1.2 2.1 2.6 3.4.9.7 2.6 2 5.1 2.4 2.3.5 4.2 0 5.2-.3l2.7 2.7c.2.2.5.3.7.3s.5 0 .7-.3c0 0 .2-.2.2-.3v-.8c0-.1-.1-.2-.2-.3zM12 17c-2.4 0-3.9-1.9-4-2-.2-.2-1.1-1.5-1-3.3 0-.7.2-1.2.4-1.5v-.3c.1 0 1.7 1.6 1.7 1.6v1.1c.2 1.2 1.2 1.9 1.2 1.9 1 .7 2.1.6 2.3.5l1.6 1.6c-.4.2-1.2.5-2.1.5Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.