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</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" />
</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" viewBox="0 0 24 24">
<path d="M6.79 11.68c.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 4.15-1.86c.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.