Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">user_fields</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#user-fields" />
</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-user-fields" viewBox="0 0 24 24">
<path d="M20.978 19H3v-9h6v2H5v5h14v-5h1.978Zm-2.02-13.861-.618.617 1.904 1.904.617-.618a.473.473 0 0 0 0-.669L19.627 5.14a.473.473 0 0 0-.67 0Zm-6.33 6.329 4.76-4.76 1.904 1.904-4.76 4.76Zm-1.002 3.507 1.955-.652-1.904-1.904-.652 1.955a.475.475 0 0 0 .601.6Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.