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-outlined-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-outline mi-people-add" viewBox="0 0 24 24">
<path d="M17.7 12c1.63 0 2.96-1.33 2.96-2.96s-1.33-2.96-2.96-2.96-2.96 1.33-2.96 2.96S16.07 12 17.7 12m0-4.13c.65 0 1.18.53 1.18 1.18s-.53 1.18-1.18 1.18-1.18-.53-1.18-1.18.53-1.18 1.18-1.18m4.99 6.14c-.96-.44-2.72-1.08-4.99-1.08-.14 0-.27 0-.4.01.64.46 1.28 1.21 1.28 2.47 0 .17 0 .7-.42 2.1-.04.14-.09.26-.15.39h4.36c.55 0 1.04-.37 1.19-.9.17-.57.34-1.26.34-1.59 0-.62-.27-.97-1.23-1.41Zm-.71 2.12h-1.67c.04-.31.05-.54.05-.71 0-.12 0-.25-.01-.37a10 10 0 0 1 1.74.64c-.03.11-.06.26-.11.44M10.6 12c1.63 0 2.96-1.33 2.96-2.96s-1.33-2.96-2.96-2.96-2.96 1.33-2.96 2.96S8.97 12 10.6 12m0-4.13c.65 0 1.18.53 1.18 1.18s-.53 1.18-1.18 1.18-1.18-.53-1.18-1.18.53-1.18 1.18-1.18m-6.21 3.5h1.75c.48 0 .88-.39.88-.88s-.39-.88-.88-.88H4.39V7.86c0-.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.75Zm11.19 2.64c-.96-.44-2.72-1.08-4.99-1.08-2.25 0-4.03.63-4.99 1.08-.96.44-1.23.79-1.23 1.41 0 .34.18 1.02.34 1.59.16.53.64.9 1.19.9h9.36c.55 0 1.04-.37 1.19-.9.17-.57.34-1.26.34-1.59 0-.62-.27-.97-1.23-1.41Zm-.71 2.12H6.32c-.05-.19-.09-.33-.11-.44.04-.02.09-.04.14-.07.74-.34 2.27-.91 4.25-.91s3.34.49 4.24.91c0 0 .1.05.15.07-.03.11-.06.26-.11.44Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.