Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">edit_road</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#edit-road" />
</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-edit-road" viewBox="0 0 24 24">
<path d="M12.1 17.62q-.09.075-.09.21v1.86c0 .17.13.31.31.31h1.86c.08 0 .16-.03.21-.09l6.67-6.66-2.29-2.29-6.66 6.66Zm-.58-8.91c.63-.21 1.19-.39 1.7-.56l.4 1.32c.13.43.53.71.96.71a.99.99 0 0 0 .95-1.29l-.42-1.37c1.88-.64 2.49-.89 2.73-1.07.44-.33.56-.98.23-1.42s-.93-.55-1.37-.22c-.22.12-1.1.43-2.18.8l-.56-1.83a.997.997 0 0 0-1.25-.66.99.99 0 0 0-.66 1.25l.58 1.88c-.62.21-1.23.4-1.74.57-1.25.41-2.38.78-3 1-.38.13-.76.29-1.14.46a95 95 0 0 1-.76-2.74c-.14-.53-.69-.85-1.22-.71s-.85.69-.71 1.22c.09.36.42 1.56.87 3.13-1.36.74-2.38 1.43-2.45 1.48a.999.999 0 0 0 .56 1.83c.19 0 .39-.06.56-.17.01 0 .82-.55 1.91-1.17.42 1.39.91 2.89 1.41 4.3-.46 0-1.05 0-1.57-.02-.55-.02-1.01.42-1.03.97s.42 1.01.97 1.03c.24 0 .77.02 1.31.02.39 0 .78 0 1.07-.03.52 1.28 1.04 2.36 1.51 3 .2.26.5.4.8.4.21 0 .42-.06.6-.2.44-.33.53-.96.21-1.4-.33-.44-.71-1.21-1.1-2.17.19-.03.37-.05.51-.06.55-.02.98-.49.96-1.04s-.52-.98-1.04-.96c-.34.02-.75.08-1.16.16-.56-1.55-1.12-3.29-1.62-4.93.41-.19.83-.36 1.23-.5.62-.22 1.73-.58 2.96-.99Zm11.29 1.9-1.43-1.43a.59.59 0 0 0-.85 0l-1.12 1.12 2.29 2.29 1.12-1.12c.24-.24.24-.62 0-.86Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.