Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">text_bold</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#text-bold" />
</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-text-bold" viewBox="0 0 24 24">
<path d="M6.78 18.66V5.34h5.33c2.45 0 4.75.59 4.75 3.3 0 1.89-1.19 2.79-2.54 3.06v.04c1.62.29 2.9 1.13 2.9 3.26 0 2.68-2.36 3.67-4.84 3.67h-5.6Zm2.88-7.83h2.16c1.53 0 2.23-.58 2.23-1.6s-.63-1.62-2.2-1.62h-2.2v3.22zm0 5.6h2.36c1.62 0 2.34-.65 2.34-1.78s-.85-1.75-2.47-1.75H9.66z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.