Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">alarm_on</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#alarm-on" />
</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-alarm-on" viewBox="0 0 24 24">
<path d="m14.77 10.08-4.11 4.11-1.54-1.54c-.29-.29-.77-.29-1.06 0s-.29.77 0 1.06l2.07 2.07c.15.15.34.22.53.22s.38-.07.53-.22l4.64-4.64c.29-.29.29-.77 0-1.06s-.77-.29-1.06 0M7.08 4.97a.996.996 0 1 0-1.41-1.41L2.84 6.39A.996.996 0 1 0 4.25 7.8zm4.86-.22c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6m9.22-12.37-2.83-2.83a.996.996 0 1 0-1.41 1.41l2.83 2.83a.996.996 0 1 0 1.41-1.41"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.