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_add</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-add" />
</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-add" viewBox="0 0 24 24">
<path d="M15.25 12.17h-2.5v-2.5a.749.749 0 1 0-1.5 0v2.5h-2.5a.749.749 0 1 0 0 1.5h2.5v2.5c0 .41.34.75.75.75s.75-.34.75-.75v-2.5h2.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75m-3.31-7.43c-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 6M7.08 4.96a.996.996 0 1 0-1.41-1.41L2.84 6.38a.996.996 0 1 0 1.41 1.41zm14.08 1.41-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.