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_couple</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-couple" />
</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-couple" viewBox="0 0 24 24">
<path d="M16 11.87a3.329 3.329 0 1 0 0-6.66c-1.84 0-3.33 1.49-3.33 3.33s1.49 3.33 3.33 3.33m0-4.65c.73 0 1.33.6 1.33 1.33s-.6 1.33-1.33 1.33-1.33-.6-1.33-1.33.6-1.33 1.33-1.33m-8 4.65a3.329 3.329 0 1 0 0-6.66c-1.84 0-3.33 1.49-3.33 3.33S6.16 11.87 8 11.87m0-4.65c.73 0 1.33.6 1.33 1.33S8.73 9.88 8 9.88s-1.33-.6-1.33-1.33.6-1.33 1.33-1.33m5.61 6.92c-1.08-.5-3.07-1.22-5.62-1.21-2.54 0-4.54.71-5.62 1.21s-1.39.89-1.39 1.59c0 .38.2 1.15.39 1.79.18.6.72 1.01 1.34 1.01h10.54c.62 0 1.17-.41 1.34-1.01.19-.64.39-1.41.39-1.79 0-.7-.31-1.09-1.39-1.59Zm-.8 2.39H3.19c-.06-.21-.1-.38-.12-.5.05-.02.1-.05.16-.08.83-.38 2.56-1.03 4.78-1.03s3.76.56 4.77 1.03l.16.08c-.03.13-.07.29-.12.5Zm8.8-2.39c-1.08-.5-3.07-1.22-5.62-1.21-.15 0-.3.01-.45.02.72.52 1.45 1.37 1.45 2.79 0 .19 0 .78-.47 2.36-.04.15-.11.3-.17.44h4.91c.62 0 1.17-.41 1.34-1.01.19-.64.39-1.41.39-1.79 0-.7-.31-1.09-1.39-1.59Zm-.8 2.39h-1.88c.05-.35.06-.61.06-.8 0-.14 0-.28-.01-.42.72.19 1.32.43 1.79.64l.16.08c-.03.13-.07.29-.12.5"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.