Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">route_on</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#route-on" />
</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-route-on" viewBox="0 0 24 24">
<path d="M20.66 10h-9.31c-.74.01-1.33.61-1.35 1.35v9.31c.01.74.61 1.33 1.35 1.34h9.31A1.36 1.36 0 0 0 22 20.66v-9.31c-.01-.74-.61-1.33-1.34-1.35M20 20h-8v-8h8zm-6.5-4a.7.7 0 0 1 1 0l.5.5 2.5-2.5a.7.7 0 0 1 1 0 .7.7 0 0 1 0 1l-3.15 3.15c-.2.2-.51.2-.71 0L13.49 17a.7.7 0 0 1 0-1Zm-6.71-4.33c.87.67 1.28 1.79 1.04 2.87a3.76 3.76 0 0 1-1.76 2.08c.01.1.03.19.03.29 0 1.14-.91 2.08-2.06 2.08a2.093 2.093 0 0 1-2.02-2.17c.04-1.11.93-1.99 2.04-2.02.66 0 1.28.33 1.65.88.54-.32.96-.82 1.18-1.41.12-.73-.18-1.46-.77-1.89-.11-.11-.26-.22-.4-.35-.95-.82-2.52-2.17-1.31-4.68-.45-.4-.71-.98-.71-1.58-.03-1.13.86-2.06 1.99-2.08.3 0 .6.05.87.17A5.56 5.56 0 0 1 10.71 2c.99.08 1.89.63 2.42 1.48.48.68 1.15 1.2 1.93 1.5.31-.77 1.06-1.28 1.9-1.28a2.104 2.104 0 0 1 2.1 2.59c-.16.73-.76 1.34-1.49 1.53-1.31.34-2.54-.58-2.64-1.85a5.05 5.05 0 0 1-2.52-1.86c-.51-.62-.88-1.07-1.73-1.12-1.27.01-2.47.55-3.32 1.49a2.08 2.08 0 0 1-1.59 3.4c-.16 0-.32-.03-.47-.07-.85 1.8.16 2.69 1.07 3.46.16.15.31.27.43.4Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.