Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">road_surface</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#road-surface" />
</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-road-surface" viewBox="0 0 24 24">
<path d="M17.41 2.8a1.17 1.17 0 0 0-1.1-.8h-8.6a1.17 1.17 0 0 0-1.1.8l-1.6 4.6v6.2a.79.79 0 0 0 .8.8h.8a.79.79 0 0 0 .8-.8v-.8h9.3v.8a.79.79 0 0 0 .8.8h.8a.79.79 0 0 0 .8-.8V7.4Zm-9.7 7.7a1.216 1.216 0 0 1-1.2-1.2 1.155 1.155 0 0 1 1.2-1.2 1.216 1.216 0 0 1 1.2 1.2 1.155 1.155 0 0 1-1.2 1.2m8.6 0a1.216 1.216 0 0 1-1.2-1.2 1.155 1.155 0 0 1 1.2-1.2 1.2 1.2 0 0 1 0 2.4m-9.7-3.8 1.2-3.5h8.5l1.2 3.5Zm.2 15.3h-3.6c-3.3-3.1 7.8-5 4.2-6.3h1.9c3.9 1.3-6.6 3.2-2.5 6.3m14.6 0h-3.6c-6.8-3.1 2.2-5-2.8-6.3h1.9c5.3 1.3-3.1 3.2 4.5 6.3"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.