Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">layer_circle</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#layer-circle" />
</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-layer-circle" viewBox="0 0 24 24">
<path d="M6.02 9.86a4.02 4.02 0 1 0 0 8.04 4.02 4.02 0 0 0 0-8.04m0 6.05C4.91 15.91 4 15 4 13.89s.91-2.02 2.02-2.02 2.02.91 2.02 2.02-.91 2.02-2.02 2.02m9.52-9.94a4.02 4.02 0 1 0-8.04 0 4.02 4.02 0 0 0 8.04 0m-4.02 2.02c-1.11 0-2.02-.91-2.02-2.02s.91-2.02 2.02-2.02 2.02.91 2.02 2.02-.91 2.02-2.02 2.02m6.46 6.02a4.02 4.02 0 1 0 0 8.04 4.02 4.02 0 0 0 0-8.04m0 6.04c-1.11 0-2.02-.91-2.02-2.02s.91-2.02 2.02-2.02 2.02.91 2.02 2.02-.91 2.02-2.02 2.02"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.