Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">highway</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#highway" />
</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-highway" viewBox="0 0 24 24">
<path d="m12.006 22-.371-.2a22.9 22.9 0 0 1-7.185-5.444 10.75 10.75 0 0 1-2.295-4.945V11.4a11 11 0 0 1-.115-2.789V8.6a3 3 0 0 0 .023-.289l.011-.144c0-.023 0-.034.012-.045a13 13 0 0 1 .51-2.522c.046-.189.116-.4.162-.544s.15-.378.185-.478l.024-.022a8.7 8.7 0 0 1 1.008-1.923l.44-.61.638.433a5.94 5.94 0 0 0 6.536-.19L11.994 2l.417.244c2.469 1.467 4.416 1.523 6.502.19l.614-.39.429.578a18 18 0 0 1 1.367 2.845 10 10 0 0 1 .672 3.066v.034a16.4 16.4 0 0 1-.15 2.766 10.7 10.7 0 0 1-2.075 4.745l-.232.3h-.023a23 23 0 0 1-7.138 5.422zM3.654 11.156c.521 2.7 1.912 5.666 8.355 9.188a20.1 20.1 0 0 0 6.513-5.11l.232-.3h.011a9.2 9.2 0 0 0 1.588-3.845v-.011a14 14 0 0 0 .128-2.434 8.5 8.5 0 0 0-.557-2.6l-.011-.022L19.9 6a26 26 0 0 0-.857-1.933 6.6 6.6 0 0 1-3.234.8 8.2 8.2 0 0 1-3.79-1.134A8.05 8.05 0 0 1 8.313 4.8a6.9 6.9 0 0 1-3.453-.744 8 8 0 0 0-.463 1.01c0 .012-.012.023-.024.045-.034.089-.127.311-.174.433v.012a4 4 0 0 0-.127.422l-.023.044a11.6 11.6 0 0 0-.452 2.29l-.012.144-.035.277a9.2 9.2 0 0 0 .105 2.423ZM12 17h2V7h-1.897a3.8 3.8 0 0 1-.787.486c-.361.177-.8.387-1.316.619V9.63c.168-.089 1.652-.52 2-.63s.013 7.989 0 8"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.