Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">heavy_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#heavy-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-heavy-duty" viewBox="0 0 24 24">
<path d="M3.484 13.738a.781.781 0 1 0 .782.782.784.784 0 0 0-.782-.782m0 1.211a.43.43 0 1 1 .43-.43.433.433 0 0 1-.43.43m18.438-1.054h-.078v-1.641q0-.059-.117-.117l-2.032-.157-.39-1.367a.29.29 0 0 0-.274-.195h-1.64a.084.084 0 0 0-.079.078v3.242h-1.797a.91.91 0 0 1 .391.782v.078h3.672v-.079a.957.957 0 1 1 1.914 0v.079h.43a.084.084 0 0 0 .078-.079v-.546a.084.084 0 0 0-.078-.079Zm-3.75-1.407h.195v.352h-.195Zm1.055 1.758H17.82v-.156h1.407Zm-1.055-2.266v-1.21h.976l.352 1.21Zm2.265 1.211h-.195v-.703h.196Zm.352 0h-.195v-.703h.195Zm.352 0h-.196v-.703h.196Zm-16.485.547h-.625a1.4 1.4 0 0 1 .313.352 1.4 1.4 0 0 1 .312-.352m.547 0a.781.781 0 1 0 .781.781.784.784 0 0 0-.78-.78Zm0 1.211a.43.43 0 1 1 0-.86.41.41 0 0 1 .43.43.434.434 0 0 1-.43.43m15.313-1.21a.781.781 0 1 0 .78.78.784.784 0 0 0-.78-.78m0 1.21a.43.43 0 1 1 .43-.43.433.433 0 0 1-.43.43M17.117 9.91l-.156.156v2.266l-.352.508v.703h.508Zm-14.18 3.828h-.43v.508h.04a1 1 0 0 1 .39-.508m12.032 0a.781.781 0 1 0 .781.782.784.784 0 0 0-.781-.782m0 1.211a.43.43 0 1 1 .43-.43.433.433 0 0 1-.43.43m-1.758-1.21a.781.781 0 1 0 .781.78.784.784 0 0 0-.781-.78m0 1.21a.43.43 0 1 1 .43-.43.433.433 0 0 1-.43.43m-7.07-.703h.039v-.508h-.43a1 1 0 0 1 .39.508Zm8.28-.508h-.663a.67.67 0 0 1 .312.352 1 1 0 0 1 .352-.352Zm-1.757 0h-.39v.508h.039a.93.93 0 0 1 .351-.508m-2.656.352h.156v-.195h1.563v-.157h-1.72Zm5.547-.547v-.156h-2.93v.156Zm.351-4.844H2v4.844h9.727v-.352h4.18Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.