Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">light_duty</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#light-duty" />
</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-light-duty" viewBox="0 0 24 24">
<path d="M6.194 12.783a1.314 1.314 0 0 0 0 2.627 1.314 1.314 0 0 0 0-2.627m0 2.12a.82.82 0 0 1-.83-.783.83.83 0 0 1 1.66 0 .82.82 0 0 1-.83.783m15.714-1.981-.046-.139-.277-1.382a.5.5 0 0 0-.414-.369c-1.29-.23-2.581-.368-3.871-.507a12 12 0 0 0-1.705-1.705.85.85 0 0 0-.553-.23h-3.964a.25.25 0 0 0-.23.138l-.277 1.797h-8.11c-.092 0-.138.092-.138.185v2.396h-.185c-.092 0-.138.092-.138.184v.645c0 .093.046.185.138.185l2.489.322a.9.9 0 0 1-.046-.322c0-.922.322-1.66 1.613-1.66s1.612.738 1.612 1.66v.322h9.862a.9.9 0 0 1-.046-.322c0-.922.323-1.66 1.613-1.66a1.46 1.46 0 0 1 1.659 1.66c0 .092-.046.184-.046.322h1.014c.092 0 .138-.092.138-.184v-1.06a.7.7 0 0 0-.092-.276m-9.032-4.01h2.074a.5.5 0 0 1 .276.093 7.4 7.4 0 0 1 1.613 1.567h-3.963Zm1.382 2.397v.415h-.967v-.415Zm-1.705 0h.323v2.166h-.323Zm-1.428-2.304a.1.1 0 0 1 .092-.093h1.336v1.66H10.94c-.046 0-.092 0-.092-.093Zm5.852 5.115H8.36v-.369h8.617Zm2.258-1.337a1.314 1.314 0 0 0 0 2.627 1.314 1.314 0 0 0 0-2.627m0 2.12a.81.81 0 0 1-.783-.783.82.82 0 0 1 .783-.83.826.826 0 0 1 .83.83.82.82 0 0 1-.83.783"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.