Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">globe</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="/transportation-icons.svg#globe" />
</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-solid mi-globe" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10A10.03 10.03 0 0 0 12 2m6.9 6H16c-.32-1.25-.79-2.46-1.4-3.6 1.82.65 3.34 1.92 4.3 3.6M12 4c.85 1.22 1.49 2.57 1.9 4h-3.8c.43-1.42 1.07-2.77 1.9-4M4.3 14c-.4-1.3-.4-2.7 0-4h3.4c-.08.66-.12 1.33-.1 2 0 .7.1 1.3.1 2zm.8 2h3c.3 1.26.77 2.47 1.4 3.6A7.92 7.92 0 0 1 5.1 16M8 8H5c.98-1.66 2.5-2.93 4.3-3.6C8.8 5.6 8.4 6.8 8 8m4 12c-.85-1.22-1.49-2.57-1.9-4h3.8c-.43 1.42-1.07 2.77-1.9 4m2.3-6H9.7c-.12-.66-.18-1.33-.2-2 .01-.67.08-1.34.2-2h4.7c.12.66.19 1.33.2 2a13.6 13.6 0 0 1-.3 2m.3 5.6c.63-1.13 1.1-2.34 1.4-3.6h2.9a8.5 8.5 0 0 1-4.3 3.6m1.8-5.6c.08-.66.12-1.33.1-2 0-.7-.1-1.3-.1-2h3.4c.4 1.3.4 2.7 0 4z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.