Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">load</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#load" />
</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-load" viewBox="0 0 24 24">
<path d="M21.823 10.658a3.4 3.4 0 0 0-.187-1.176 9.5 9.5 0 0 0-.42-1.188 10 10 0 0 0-1.277-2.168 10.2 10.2 0 0 0-3.922-3.1 10.06 10.06 0 0 0-10.506 1.7 9 9 0 0 0-.85.848 9.9 9.9 0 0 0-2.253 4.716 9.74 9.74 0 0 0 1.589 7.524 10.3 10.3 0 0 0 1.868 1.94 10 10 0 0 0 1.966 1.225 10.17 10.17 0 0 0 7.153.537 9.05 9.05 0 0 0 4.488-2.955 7.48 7.48 0 0 0 1.656-5.07 9.2 9.2 0 0 1-2.74 4.968 9 9 0 0 1-3.824 2.172 9.1 9.1 0 0 1-9.208-2.974 8.93 8.93 0 0 1-.925-9.61 8.77 8.77 0 0 1 8.54-4.459 8.63 8.63 0 0 1 7.11 6.123 7 7 0 0 0 .283 1.027 1.08 1.08 0 0 0 .489.543.66.66 0 0 0 .702-.063.82.82 0 0 0 .268-.56"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.