Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">paint_bucket</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#paint-bucket" />
</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-paint-bucket" viewBox="0 0 24 24">
<path d="m21.42 10.59-4.67-4.67 2.16-2.16a1.026 1.026 0 0 0-1.45-1.45L15.3 4.47l-1.82-1.82s-.02-.03-.04-.04c-1.32-1.32-4.6-.17-7.34 2.56-2.73 2.73-3.88 6.02-2.56 7.34.01.01.03.02.05.04L5 13.97v.04h.04l6.48 6.48c1.34 1.27 4.59.13 7.31-2.59s3.86-5.97 2.59-7.31m-3.97 5.93c-2.16 2.16-4.13 2.65-4.58 2.49l-5-5h11.49c-.4.74-1 1.6-1.91 2.51M5.87 12.01l-.92-.92c-.13-.4.36-2.36 2.53-4.53 2.13-2.13 4.07-2.64 4.56-2.5l1.41 1.4.44.44-2.09 2.09a1.026 1.026 0 0 0 .73 1.75c.27 0 .53-.1.73-.3l2.09-2.09 4.54 4.54.09.1v.03H5.87Zm-4.37 6.1c0 1.29.97 2.34 2.15 2.34S5.8 19.4 5.8 18.11c0-1.56-2.15-4.1-2.15-4.1s-2.15 2.54-2.15 4.1"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.