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_off</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-outlined-icons.svg#lightbulb-off" />
</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-outline mi-lightbulb-off" viewBox="0 0 24 24">
<path d="M12 2.1c-4.14 0-7.5 3.36-7.5 7.5 0 2.08.86 4.04 2.35 5.45v.34c0 .81.35 1.54.9 2.05-.09.28-.15.58-.15.89v.79c0 1.54 1.25 2.79 2.79 2.79h3.16c1.54 0 2.79-1.25 2.79-2.79v-.79c0-.3-.05-.6-.14-.87.57-.51.93-1.25.93-2.08v-.34a7.5 7.5 0 0 0 2.35-5.45c0-4.14-3.36-7.5-7.5-7.5Zm2.35 17.03c0 .44-.35.79-.79.79H10.4c-.44 0-.79-.35-.79-.79v-.79c0-.44.35-.79.79-.79h3.16c.44 0 .79.35.79.79zm.79-5.03v1.29c0 .44-.35.79-.79.79H9.64c-.44 0-.79-.35-.79-.79V14.1A5.49 5.49 0 0 1 6.5 9.59c0-3.04 2.46-5.5 5.5-5.5s5.5 2.46 5.5 5.5a5.5 5.5 0 0 1-2.35 4.51Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.