Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">my_places</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#my-places" />
</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-my-places" viewBox="0 0 24 24">
<path d="M6.15 7.027a5.3 5.3 0 0 1 3.263 1.142A7 7 0 0 1 10.73 6.2a3 3 0 0 0 .082-.65 3.556 3.556 0 0 0-3.525-3.5 3.51 3.51 0 0 0-3.475 3.5 3.3 3.3 0 0 0 .562 1.807 5.3 5.3 0 0 1 1.777-.33Zm1.162-2.978a1.533 1.533 0 0 1 1.5 1.5 1.5 1.5 0 0 1-3 0 1.533 1.533 0 0 1 1.5-1.5m8.395 1a5.96 5.96 0 0 0-5.895 5.938 6.65 6.65 0 0 0 2.307 4.75c.598.593 1.11 1.187 1.453 1.526 1.11 1.273 2.135 4.75 2.135 4.75s1.025-3.477 2.136-4.75c.342-.424.854-.933 1.452-1.526a6.6 6.6 0 0 0 2.392-4.75 6.03 6.03 0 0 0-5.98-5.938m.043 8.482a2.54 2.54 0 0 1-2.545-2.544 2.545 2.545 0 0 1 5.09 0 2.54 2.54 0 0 1-2.545 2.544M9.06 9.173a4.27 4.27 0 0 0-2.91-1.146 4.385 4.385 0 0 0-4.338 4.37 4.9 4.9 0 0 0 1.698 3.495c.44.437.817.874 1.069 1.123a12.9 12.9 0 0 1 1.572 3.496 12.9 12.9 0 0 1 1.571-3.496c.252-.312.63-.686 1.07-1.123a6.4 6.4 0 0 0 1.098-1.325 6.63 6.63 0 0 1-1.077-3.58 7 7 0 0 1 .247-1.814m-2.878 5.096a1.87 1.87 0 0 1-1.873-1.873 1.914 1.914 0 0 1 1.873-1.872 1.914 1.914 0 0 1 1.873 1.872 1.87 1.87 0 0 1-1.873 1.873"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.