Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">car</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#car" />
</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-car" viewBox="0 0 24 24">
<path d="M2.718 14.35c.399.1.798.2 1.097.3h.1a2.2 2.2 0 0 1-.1-.799 2.35 2.35 0 0 1 .698-1.596 2.52 2.52 0 0 1 1.497-.599 2.214 2.214 0 0 1 2.195 2.195 1.7 1.7 0 0 1-.3.998h8.481a1.9 1.9 0 0 1-.3-.998 2.214 2.214 0 0 1 2.196-2.195 2.35 2.35 0 0 1 1.596.699 2.17 2.17 0 0 1 .699 1.596 2 2 0 0 1-.1.698c.1 0 .399 0 .499-.1.498-.099.498-.299.598-.698.2-.997.998-1.796-.3-2.394a17.7 17.7 0 0 0-4.489-.798 15.4 15.4 0 0 0-3.592-1.896 9.8 9.8 0 0 0-2.394-.3 12.3 12.3 0 0 0-3.292.3c-.898.3-1.996.898-3.293 1.497a6 6 0 0 0-1.297.2c-.698.099-.599.498-.499 1.296 0 .4 0 .4-.1.499-.2.1-.299.399-.299.798-.1.699.2 1.197.699 1.297m12.172-4.19c-.4.1-.3.3-.3.499h-3.192a13 13 0 0 0-.5-1.896 6.22 6.22 0 0 1 3.992 1.397M10.5 8.763a14 14 0 0 1 .2 1.896H6.608c0-1.597 2.993-1.896 3.89-1.896Zm-3.991 6.685a1.54 1.54 0 0 0 1.097-1.597 1.596 1.596 0 0 0-3.192 0 1.87 1.87 0 0 0 1.097 1.597 1.38 1.38 0 0 0 .998 0m12.371 0a1.54 1.54 0 0 0 1.098-1.597 1.596 1.596 0 0 0-3.193 0 1.87 1.87 0 0 0 1.098 1.597 1.38 1.38 0 0 0 .997 0m-1.596-1.597a1.097 1.097 0 1 1 1.097 1.098 1.107 1.107 0 0 1-1.097-1.098m-12.372 0A1.097 1.097 0 1 1 6.01 14.95a1.107 1.107 0 0 1-1.098-1.098Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.