Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">tune_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="/modus-solid-icons.svg#tune-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-tune-circle" viewBox="0 0 24 24">
<path d="M16 9c1.3 0 2.4-.84 2.82-2h1.17c.55 0 1-.45 1-1s-.45-1-1-1h-1.17c-.41-1.16-1.51-2-2.82-2s-2.4.84-2.82 2H4c-.55 0-1 .45-1 1s.45 1 1 1h9.18c.41 1.16 1.51 2 2.82 2m0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1m2.82 12c-.41-1.16-1.51-2-2.82-2s-2.4.84-2.82 2H4.01c-.55 0-1 .45-1 1s.45 1 1 1h9.17c.41 1.16 1.51 2 2.82 2s2.4-.84 2.82-2H20c.55 0 1-.45 1-1s-.45-1-1-1zM16 19c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m-8-4c1.3 0 2.4-.84 2.82-2h9.17c.55 0 1-.45 1-1s-.45-1-1-1h-9.17C10.41 9.84 9.31 9 8 9s-2.4.84-2.82 2H4c-.55 0-1 .45-1 1s.45 1 1 1h1.18c.41 1.16 1.51 2 2.82 2m0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.