Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">cluster</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#cluster" />
</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-cluster" viewBox="0 0 24 24">
<path d="M10.4 5.85a7.6 7.6 0 1 0 7.6 7.6 7.597 7.597 0 0 0-7.6-7.6m0 13.6a5.91 5.91 0 0 1-5.9-5.9 5.977 5.977 0 0 1 5.9-5.9 5.977 5.977 0 0 1 5.9 5.9 5.977 5.977 0 0 1-5.9 5.9M7.1 2.95a1.2 1.2 0 1 1-1.2 1.2 1.2 1.2 0 0 1 1.2-1.2m12.1 3.7a1.2 1.2 0 1 1-1.2 1.2 1.2 1.2 0 0 1 1.2-1.2m1.6 3.9a1.2 1.2 0 1 1-1.2 1.2 1.2 1.2 0 0 1 1.2-1.2m-.4 4.3a1.2 1.2 0 1 1-1.2 1.2 1.2 1.2 0 0 1 1.2-1.2M3.2 5.35A1.2 1.2 0 1 1 2 6.55a1.2 1.2 0 0 1 1.2-1.2m8.607 4.423v1.19h-.14a2.46 2.46 0 0 0-1.577.51 2.07 2.07 0 0 0-.717 1.375 1.97 1.97 0 0 1 1.464-.59 1.85 1.85 0 0 1 1.51.68 2.73 2.73 0 0 1 .56 1.79 2.7 2.7 0 0 1-.307 1.284 2.2 2.2 0 0 1-.87.895 2.5 2.5 0 0 1-1.272.32 2.36 2.36 0 0 1-1.858-.8 3.1 3.1 0 0 1-.707-2.135v-.52a4.7 4.7 0 0 1 .447-2.092 3.3 3.3 0 0 1 1.285-1.405 3.77 3.77 0 0 1 1.942-.502Zm-1.41 3.65a1.16 1.16 0 0 0-.635.182 1.1 1.1 0 0 0-.42.481v.44a1.95 1.95 0 0 0 .285 1.13.92.92 0 0 0 .8.406.91.91 0 0 0 .753-.366 1.72 1.72 0 0 0-.003-1.91.95.95 0 0 0-.78-.363"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.