Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">cursor</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#cursor" />
</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-cursor" viewBox="0 0 24 24">
<path d="M18.72 9.98 6.04 4.7c-.37-.16-.8-.07-1.09.22s-.37.72-.22 1.09l5.28 12.68c.16.38.52.62.92.62h.12c.44-.05.8-.39.87-.83l.74-4.42 4.13 4.13c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41l-4.13-4.13 4.42-.74c.44-.07.78-.43.83-.87s-.2-.87-.61-1.04ZM11.5 11.5l-.98 3.2-3.01-7.22 7.22 3.01s-3.22 1.04-3.24 1.01Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.