Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">turn_dispatch_mode_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#turn-dispatch-mode-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-turn-dispatch-mode-on" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M18.639 4H14.36A3.463 3.463 0 0 0 11 7.5a3.463 3.463 0 0 0 3.361 3.5h4.278A3.463 3.463 0 0 0 22 7.5 3.533 3.533 0 0 0 18.639 4m.102 5.833a2.354 2.354 0 0 1-2.343-2.44 2.345 2.345 0 1 1 4.685 0 2.42 2.42 0 0 1-2.342 2.44M8 18a2 2 0 1 1-2-2 2 2 0 0 1 2 2m9 0a2 2 0 1 1-2-2 2 2 0 0 1 2 2m3-6v5h-2.184a2.983 2.983 0 0 0-5.632 0H9V8h1c0 2.182 1.528 4 3.361 4ZM3.184 17H2v-2.861l.05-.217 1.813-3.646A.5.5 0 0 1 4.309 10H8v5.779A2.974 2.974 0 0 0 3.184 17"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.