Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">site_manager</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#site-manager" />
</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-site-manager" viewBox="0 0 24 24">
<path d="M22 12a1.99 1.99 0 0 0-1-1.723V5.723A1.994 1.994 0 1 0 18.277 3h-4.554a1.984 1.984 0 0 0-3.446 0H5.723A1.994 1.994 0 1 0 3 5.723v4.554a1.984 1.984 0 0 0 0 3.446v4.554A1.994 1.994 0 1 0 5.723 21h4.554a1.984 1.984 0 0 0 3.446 0h4.554A1.994 1.994 0 1 0 21 18.277v-4.554A1.99 1.99 0 0 0 22 12m-3 1.723v4.554a2 2 0 0 0-.723.723h-4.554a1.984 1.984 0 0 0-3.446 0H5.723A2 2 0 0 0 5 18.277v-4.554a1.984 1.984 0 0 0 0-3.446V5.723A2 2 0 0 0 5.723 5h4.554a1.984 1.984 0 0 0 3.446 0h4.554a2 2 0 0 0 .723.723v4.554a1.984 1.984 0 0 0 0 3.446"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.