Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">people_add</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#people-add" />
</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-people-add" viewBox="0 0 24 24">
<path d="M10.64 12c1.62 0 2.93-1.32 2.93-2.93s-1.32-2.93-2.93-2.93-2.93 1.32-2.93 2.93S9.03 12 10.64 12m7.06 0c1.62 0 2.93-1.32 2.93-2.93s-1.32-2.93-2.93-2.93-2.93 1.32-2.93 2.93S16.09 12 17.7 12m4.95 2c-.95-.44-2.71-1.08-4.96-1.07-.14 0-.26 0-.4.01.64.46 1.27 1.21 1.27 2.46 0 .17 0 .69-.41 2.08q-.06.195-.15.39h4.33c.55 0 1.03-.36 1.19-.89.17-.56.34-1.25.34-1.58 0-.62-.27-.96-1.22-1.4ZM7.01 10.5c0-.48-.39-.88-.88-.88H4.38V7.87c0-.48-.39-.88-.88-.88s-.88.39-.88.88v1.75H.89c-.48 0-.87.39-.87.88s.39.88.87.88h1.75v1.75c0 .48.39.88.88.88s.88-.39.88-.88v-1.75h1.75c.48 0 .88-.39.88-.88Zm8.58 3.5c-.95-.44-2.71-1.08-4.96-1.07-2.24 0-4 .63-4.96 1.07s-1.22.78-1.22 1.4c0 .33.18 1.01.34 1.58.15.53.64.89 1.19.89h9.3c.55 0 1.03-.36 1.19-.89.17-.56.34-1.25.34-1.58 0-.62-.27-.96-1.22-1.4"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.