Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">contacts</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#contacts" />
</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-contacts" viewBox="0 0 24 24">
<path d="M3.5 4v2H3c-.28 0-.5.22-.5.5s.22.5.5.5h.5v5H3c-.28 0-.5.22-.5.5s.22.5.5.5h.5v5H3c-.28 0-.5.22-.5.5s.22.5.5.5h.5v1c0 .74.4 1.39 1 1.73.29.17.64.27 1 .27V2c-.36 0-.71.1-1 .27-.6.35-1 .99-1 1.73m16-2h-13v20h13c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 18h-11V4h11zM14 11.75c1.31 0 2.38-1.07 2.38-2.38S15.31 6.99 14 6.99s-2.38 1.07-2.38 2.38 1.07 2.38 2.38 2.38M14 8c.76 0 1.38.62 1.38 1.38s-.62 1.38-1.38 1.38-1.38-.62-1.38-1.38S13.24 8 14 8m-3.77 8.5h7.53c.45 0 .84-.3.96-.72.14-.46.28-1.01.28-1.28 0-.5-.22-.78-.99-1.14a9.6 9.6 0 0 0-4.01-.87c-1.81 0-3.24.51-4.01.87S9 14 9 14.5c0 .27.15.82.28 1.28.13.43.52.72.96.72Zm.18-2.23c.63-.29 1.93-.78 3.59-.78s2.82.42 3.59.77c.24.11.36.19.41.23-.01.14-.07.45-.23 1s-7.53 0-7.53 0c-.2-.71-.23-.94-.24-1 .05-.04.17-.12.41-.23Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.