Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">rain</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#rain" />
</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-rain" viewBox="0 0 24 24">
<path d="M5 7.27a2.3 2.3 0 0 0 4.6 0C9.6 6 7.3 3 7.3 3S5 6 5 7.27m-1.9 9.98c0 .97.78 1.75 1.75 1.75s1.75-.78 1.75-1.75S4.85 14 4.85 14 3.1 16.28 3.1 17.25m10.5-4c0-.97-1.75-3.25-1.75-3.25s-1.75 2.28-1.75 3.25.78 1.75 1.75 1.75 1.75-.78 1.75-1.75M15.8 5S14 7.35 14 8.34s.81 1.8 1.8 1.8 1.8-.81 1.8-1.8S15.8 5 15.8 5M12 19.32a1.25 1.25 0 0 0 2.5 0c0-.69-1.25-2.32-1.25-2.32S12 18.63 12 19.32M19.15 14s-1.75 2.28-1.75 3.25.78 1.75 1.75 1.75 1.75-.78 1.75-1.75S19.15 14 19.15 14"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.