Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">user_passkey</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#user-passkey" />
</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-user-passkey" viewBox="0 0 24 24">
<path d="m19.94 22.89-1.39-1.67v-4.08a3.5 3.5 0 0 1-1.61-1.24c-.41-.56-.61-1.2-.61-1.9 0-.93.32-1.71.97-2.36s1.44-.97 2.36-.97 1.71.32 2.36.97.97 1.44.97 2.36c0 .7-.2 1.34-.61 1.9s-.94.98-1.61 1.24v.19l1.11 1.11-1.11 1.11 1.11 1.11-1.94 2.22Zm-.28-7.22c.46 0 .86-.16 1.18-.49.32-.32.49-.72.49-1.18s-.16-.86-.49-1.18c-.32-.32-.72-.49-1.18-.49s-.86.16-1.18.49c-.32.32-.49.72-.49 1.18s.16.86.49 1.18c.32.32.72.49 1.18.49m-7.67-3.17c2.62 0 4.75-2.13 4.75-4.75S14.61 3 11.99 3 7.24 5.13 7.24 7.75s2.13 4.75 4.75 4.75m5 5.5c-.49-.33-.92-.73-1.27-1.22-.55-.77-.84-1.63-.88-2.57a19.46 19.46 0 0 0-10.87 1.52C2.43 16.44 1.99 17 1.99 18c0 .54.29 1.64.55 2.56.25.85 1.03 1.44 1.92 1.44h12.53z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.