Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">color_picker</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#color-picker" />
</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-color-picker" viewBox="0 0 24 24">
<path d="m11.66 5.23-.71.71c-.39.39-.39 1.03 0 1.42l.71.7-7.72 7.71-1.74 4.29c-.08.19-.03.4.11.54l1.03 1.03c.14.14.35.19.54.11L8.17 20l7.71-7.71.7.71c.39.39 1.03.39 1.42 0l.71-.71a.996.996 0 0 0 0-1.41s-.62-.69-.6-.71l2.83-2.83a3 3 0 0 0 0-4.24 3 3 0 0 0-4.24 0l-2.83 2.83-.81-.7a.996.996 0 0 0-1.41 0Zm3.64 2.11 2.83-2.83a.996.996 0 1 1 1.41 1.41l-2.83 2.83s-1.43-1.39-1.41-1.41M5.64 16.9l7.44-7.43 1.4 1.4-7.43 7.44-2.47 1.06z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.