Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">finalize_route</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#finalize-route" />
</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-finalize-route" viewBox="0 0 24 24">
<path d="m12.396 19.624-3.267-3.268-1.09 1.09 4.456 4.455L22 12.396l-1.09-1.09Zm6.227-13.912a1.998 1.998 0 0 1-3.99.157 4.95 4.95 0 0 1-2.465-1.782 2.21 2.21 0 0 0-1.69-1.071 4.52 4.52 0 0 0-3.251 1.422 1.97 1.97 0 0 1 .462 1.265 2 2 0 0 1-2.013 1.995 2 2 0 0 1-.462-.065c-.831 1.727.157 2.577 1.043 3.316.157.138.305.258.425.378a2.69 2.69 0 0 1 1.016 2.743 3.65 3.65 0 0 1-1.718 1.995c.01.092.028.184.028.277a2.004 2.004 0 1 1-1.995-2.013 1.98 1.98 0 0 1 1.616.84 2.63 2.63 0 0 0 1.155-1.348 1.85 1.85 0 0 0-.757-1.81c-.111-.102-.25-.213-.388-.333C4.706 10.893 3.173 9.6 4.355 7.2a1.997 1.997 0 0 1 1.32-3.509 2.1 2.1 0 0 1 .786.166 5.5 5.5 0 0 1 4.054-1.782 3.1 3.1 0 0 1 2.364 1.413 4.13 4.13 0 0 0 1.884 1.44 2.01 2.01 0 0 1 3.86.786Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.