Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">show_truck_info</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#show-truck-info" />
</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-show-truck-info" viewBox="0 0 24 24">
<path d="M4.9 11.05a.71.71 0 0 0-.6.3l-2.2 3.3c-.1.1-.1.2-.1.4v3h.8a2.92 2.92 0 0 1 2.9-2.5 2.85 2.85 0 0 1 2.3 1.1c.1.1.2.1.2-.1v-5.5Zm.8 5.3a2 2 0 1 1-2 2 1.944 1.944 0 0 1 2-2m9.5 0a2 2 0 1 1-2 2 2.006 2.006 0 0 1 2-2m1.8-1.8a5.95 5.95 0 0 1-5.9-5.3H9.3v8.7h3.1a2.92 2.92 0 0 1 2.9-2.5 2.996 2.996 0 0 1 2.9 2.5h1.6v-4a6.7 6.7 0 0 1-2.8.6m.25-10.9a4.754 4.754 0 1 0 4.754 4.754A4.77 4.77 0 0 0 17.25 3.65m.618 7.56h-1.284V7.357h1.284Zm0-4.517h-1.284V5.409h1.284Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.