Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">lightbulb_on</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#lightbulb-on" />
</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-lightbulb-on" viewBox="0 0 24 24">
<path d="M13.75 19.94h-3.42a.85.85 0 0 0-.85.85v.85c0 .47.38.85.85.85h3.42c.47 0 .85-.38.85-.85v-.85a.85.85 0 0 0-.85-.85M7.05 6.05a.996.996 0 0 0 0-1.41L5.99 3.58a.996.996 0 1 0-1.41 1.41l1.06 1.06c.39.39 1.02.39 1.41 0M12 4.5c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1.5c0 .55.45 1 1 1M4 10H2.5c-.55 0-1 .45-1 1s.45 1 1 1H4c.55 0 1-.45 1-1s-.45-1-1-1m8.06-4.6a5.94 5.94 0 0 0-3.4 10.81v1.39c0 .47.38.85.85.85h5.09c.47 0 .85-.38.85-.85v-1.39a5.91 5.91 0 0 0 2.54-4.87 5.94 5.94 0 0 0-5.94-5.94ZM21.5 10H20c-.55 0-1 .45-1 1s.45 1 1 1h1.5c.55 0 1-.45 1-1s-.45-1-1-1m-2.08-6.42a.996.996 0 0 0-1.41 0l-1.06 1.06a.996.996 0 1 0 1.41 1.41l1.06-1.06a.996.996 0 0 0 0-1.41"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.