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_2d</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-2d" />
</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-2d" viewBox="0 0 24 24">
<path d="M3 7v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2m10.12 0 3.17 2.97c-1.33-.25-2.7-.11-3.95.4-.98.45-1.87 1.09-2.61 1.88h-.06l-1.84-.82L9.84 7zM5 7h3.55l-1.8 3.96L5 10.17zm0 4.46 3.53 1.59c-.25.14-.52.24-.8.32-.91.18-1.84.16-2.74-.06v-1.85ZM5 17v-1.87c.48.09.96.15 1.45.15.57 0 1.13-.06 1.68-.17a6.2 6.2 0 0 0 2.31-1.2L17.3 17zm14-.53-7.56-3.41c.47-.43 1-.79 1.58-1.05 1.56-.67 3.58-.42 5.98.69zm0-5.71-.1.04-4.06-3.81H19v3.76Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.