Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">cube</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#cube" />
</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-cube" viewBox="0 0 24 24">
<path d="m19.41 6.02-6.88-3.88c-.33-.18-.73-.18-1.06 0L4.59 6.02 3 6.92v9.56c0 .37.2.71.53.9l7.94 4.48c.33.18.73.18 1.06 0l7.94-4.48c.33-.18.53-.53.53-.9V6.92zm-8.21 13.9-6.62-3.73V8.67l6.62 3.74v7.52Zm.79-8.87L5.42 7.34l6.57-3.71 6.57 3.71zm7.41 5.13-6.62 3.73v-7.52l6.62-3.74v7.52Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.