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_group</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-group" />
</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-group" viewBox="0 0 24 24">
<path d="M3.64 14.47c-.22.03-.45.07-.67.12-.72.19-1.43.43-2.11.74-.32.15-.6.38-.8.67-.21.29.21 2.61.21 2.61h3.58c-.47-2.7-.4-3.66-.21-4.14m20.3 1.54c-.2-.29-.48-.52-.8-.67-.68-.31-1.39-.56-2.11-.74-.22-.05-.45-.09-.67-.12.19.48.26 1.44-.21 4.14h3.59s.42-2.31.21-2.61Zm-4.93-7.38a2.5 2.5 0 1 0 2.5 2.5 2.5 2.5 0 0 0-2.5-2.5m-7 3a3.495 3.495 0 0 0 .01-6.99 3.495 3.495 0 0 0-.01 6.99m0-4.99a1.5 1.5 0 0 1 1.5 1.5c0 .82-.67 1.5-1.5 1.5-.82 0-1.5-.67-1.5-1.5 0-.82.67-1.5 1.5-1.5M7.5 11.13a2.5 2.5 0 0 0-5 0 2.5 2.5 0 0 0 5 0m10.29 2.89c-.95-.43-1.94-.78-2.96-1.04-.93-.23-1.88-.34-2.84-.35-.96 0-1.91.12-2.84.35-1.01.26-2 .61-2.96 1.04-.45.21-.84.54-1.12.94-.29.41.3 3.66.3 3.66h13.24s.59-3.24.3-3.65-.67-.73-1.12-.94Zm-.89 2.59H7.09c-.04-.29-.06-.55-.08-.76h.01c.85-.38 1.73-.69 2.61-.92a9.8 9.8 0 0 1 2.36-.29c.8 0 1.59.1 2.35.28.9.23 1.78.54 2.61.91.01 0 .02.01.03.02-.02.21-.04.47-.08.76"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.