Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">box_select</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#box-select" />
</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-box-select" viewBox="0 0 24 24">
<path d="M2 5.01h2v-1h1v-2H2zm15-3h-4v2h4zM4 7.26H2v4.5h2zm3 9.75h4v-2H7zm-3-3H2v3h3v-2H4zm15-12v2h1v1h2v-3zm1 9.75h2v-4.5h-2zm1.54 3.82-8.71-3.55a.6.6 0 0 0-.22-.04h-.06c-.06 0-.11.01-.16.04-.02 0-.04 0-.06.02-.07.03-.14.07-.19.13s-.1.12-.13.19l-.02.06c-.02.05-.03.11-.03.16v.06c0 .07.01.15.04.22l3.55 8.71c.1.24.34.4.6.4h.05c.28-.02.52-.22.58-.5l.71-3.06 2.88 2.88c.12.12.29.19.46.19s.33-.07.46-.19c.25-.25.25-.66 0-.91l-2.87-2.88 3.07-.71c.27-.06.48-.3.5-.58h-.02a.65.65 0 0 0-.4-.64M7 4.01h4v-2H7z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.