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-outlined-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-outline 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-2.67 4.32H4.47c-.4-1.42-.46-1.87-.47-2 .1-.08.33-.23.82-.45 1.25-.58 3.85-1.55 7.18-1.55 1.3 0 2.44.13 3.45.33a4.8 4.8 0 0 1-.6-2.11 19.46 19.46 0 0 0-10.87 1.52C2.44 16.44 2 17 2 18c0 .54.29 1.64.55 2.56.25.85 1.03 1.44 1.92 1.44H17v-2.01ZM12 3C9.38 3 7.25 5.13 7.25 7.75S9.38 12.5 12 12.5s4.75-2.13 4.75-4.75S14.62 3 12 3m0 7.5c-1.52 0-2.75-1.23-2.75-2.75S10.48 5 12 5s2.75 1.23 2.75 2.75S13.52 10.5 12 10.5"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.