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_markers</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-markers" />
</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-markers" viewBox="0 0 24 24">
<path d="M6.9 8A4.955 4.955 0 0 0 2 13v.04a5.04 5.04 0 0 0 3.47 4.83l.96 3.71c.16.45.79.45.95 0l.96-3.71a5.06 5.06 0 0 0 3.21-6.4A5.07 5.07 0 0 0 6.91 8Zm.52 6.94c-1.56.38-2.94-1-2.56-2.56.18-.73.78-1.34 1.51-1.51 1.56-.38 2.94 1 2.56 2.56-.18.73-.78 1.34-1.51 1.51m14.39-3.22c-.53-1.59-2-2.69-3.68-2.75a3.92 3.92 0 0 0-3.88 3.96v.03A3.99 3.99 0 0 0 17 16.78l.76 2.94c.12.36.63.36.75 0l.76-2.94c2.1-.7 3.24-2.97 2.54-5.07Zm-2.06 1.55a1.66 1.66 0 0 1-1.2 1.2c-1.24.3-2.32-.79-2.03-2.03.14-.58.62-1.06 1.2-1.2 1.24-.3 2.32.79 2.03 2.03m-3.89-9.18a3.1 3.1 0 0 0-2.84-2.12 3.034 3.034 0 0 0-3 3.06v.02c0 1.34.85 2.54 2.12 2.96l.59 2.27c.1.27.48.27.58 0l.59-2.27a3.097 3.097 0 0 0 1.97-3.92Zm-1.59 1.2a1.29 1.29 0 1 1-2.5-.64 1.29 1.29 0 1 1 2.5.64"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.