Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">map_marker</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#map-marker" />
</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-map-marker" viewBox="0 0 24 24">
<path d="M12 2a7.07 7.07 0 0 0-7 7.14v.06a7.21 7.21 0 0 0 4.96 6.9l1.57 4.53c.16.45.79.45.95 0l1.57-4.53a7.24 7.24 0 0 0 4.59-9.15A7.22 7.22 0 0 0 12.01 2Zm0 10c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.