Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">bug</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#bug" />
</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-bug" viewBox="0 0 24 24">
<path d="M21.75 11.75c0 .41-.34.75-.75.75h-3.03c.01.17.03.33.03.5 0 .56-.06 1.1-.17 1.62 1.71.72 2.92 2.41 2.92 4.38v.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V19c0-1.3-.76-2.41-1.86-2.93-.91 2.16-2.73 3.69-4.89 3.9V10c0-.28-.22-.5-.5-.5s-.5.22-.5.5v9.97c-2.15-.21-3.98-1.74-4.89-3.9-1.1.52-1.86 1.63-1.86 2.93v.25c0 .41-.34.75-.75.75s-.75-.34-.75-.75V19c0-1.97 1.2-3.66 2.92-4.38C6.06 14.1 6 13.56 6 13c0-.17.02-.33.03-.5H3c-.41 0-.75-.34-.75-.75S2.59 11 3 11h3.25c.11-.42.26-.82.43-1.21a4.73 4.73 0 0 1-3.43-4.54V5c0-.41.34-.75.75-.75s.75.34.75.75v.25c0 1.61 1.17 2.94 2.71 3.2.47-.64 1.04-1.19 1.69-1.6.37-1.64 1.5-2.84 2.86-2.84s2.48 1.2 2.86 2.84c.64.41 1.21.96 1.69 1.6a3.256 3.256 0 0 0 2.71-3.2V5c0-.41.34-.75.75-.75s.75.34.75.75v.25c0 2.16-1.45 3.97-3.43 4.54.17.39.32.79.43 1.21h3.25c.41 0 .75.34.75.75Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.