Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">traffic_historical</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#traffic-historical" />
</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-traffic-historical" viewBox="0 0 24 24">
<path d="M13.83 10.97c.43-.24.89-.44 1.36-.6.49-.45.8-1.1.81-1.83h-2.33V6.09c1.29 0 2.33-1.1 2.33-2.45h-2.33c0-.9-.7-1.63-1.56-1.63H5.89c-.86 0-1.56.73-1.56 1.63H2c0 1.35 1.05 2.44 2.33 2.45v2.45H2c0 1.35 1.05 2.44 2.33 2.45v2.45H2c0 1.35 1.05 2.44 2.33 2.45v.82c0 .9.7 1.63 1.56 1.63h4.16a8 8 0 0 1-.05-.83c0-.45.05-.88.12-1.31-.28.31-.68.51-1.12.51-.86 0-1.56-.73-1.56-1.63s.7-1.63 1.56-1.63c.76 0 1.39.57 1.53 1.33a7.52 7.52 0 0 1 3.14-3.69l.16-.1ZM9 11.8c-.86 0-1.56-.73-1.56-1.63S8.14 8.54 9 8.54s1.56.73 1.56 1.63S9.86 11.8 9 11.8m0-4.9c-.86 0-1.56-.73-1.56-1.63S8.14 3.64 9 3.64s1.56.73 1.56 1.63S9.86 6.9 9 6.9m8.5 5.1c-3.03 0-5.5 2.47-5.5 5.5s2.47 5.5 5.5 5.5 5.5-2.48 5.5-5.5-2.48-5.5-5.5-5.5m2.36 7.97c-.22.22-.6.22-.83 0l-1.98-1.98a.7.7 0 0 1-.22-.55v-2.75c0-.33.28-.61.61-.61s.6.28.6.61v2.58l1.82 1.81c.28.28.28.6 0 .88Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.