Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">time_off_work</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#time-off-work" />
</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-time-off-work" viewBox="0 0 24 24">
<path d="M22 23H2c.68-.74 2.61-1.35 5.19-1.7.1-5.72 1.94-10.73 4.73-14.52-1.78 1.2-2.86 3.27-2.83 3.34-.03.16-.56-1.66.49-3.48-.13.09-.27.18-.39.28-1.97 1.15-3.18 3.48-3.15 3.56-.04.21-.97-3.04 2.06-5.17 1.14-.73 2.21-.91 3.11-.85-.06-.02-.12-.04-.17-.05-1.51-.67-3.65-.37-3.72-.28-.19.13 1.44-2.75 4.42-1.88 1.46.53 2.1 1.61 2.36 2.54.08-.04.15-.09.24-.13.85-.4 1.96-.64 3.34-.36 3.71.92 4.02 4.45 3.9 4.26 0-.09-2.02-1.9-4.35-2.27a6 6 0 0 0-1.18-.23c3.18 2.53 2.03 5.99 2 5.76.02-.05-.4-.98-1.18-2.02l.37-1.05-.95.34c-.44-.5-.96-.98-1.55-1.37l.25-.69-.8.29c-.36-.25-.72-.47-1.09-.65-2.25 4.04-3.36 9.04-2.72 14.39.53-.02 1.08-.03 1.63-.03 4.87 0 8.94.85 10 2Zm-4-4c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3m0-5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.