Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">person_edit</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#person-edit" />
</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-person-edit" viewBox="0 0 24 24">
<path d="M12 12.5c2.62 0 4.75-2.13 4.75-4.75S14.62 3 12 3 7.25 5.13 7.25 7.75 9.38 12.5 12 12.5M12 5c1.52 0 2.75 1.23 2.75 2.75S13.52 10.5 12 10.5 9.25 9.27 9.25 7.75 10.48 5 12 5m10.84 8.63-1.43-1.43a.604.604 0 0 0-.86 0s-1.12 1.12-1.12 1.12l2.29 2.29 1.12-1.12c.24-.24.24-.62 0-.86M12.05 14H12c-3.62 0-6.48 1.02-8.02 1.73S2 17 2 18c0 .54.29 1.64.55 2.56.25.85 1.03 1.44 1.92 1.44H10v-1.24c0-.61.24-1.19.67-1.63l4.82-4.82c-1.04-.19-2.19-.32-3.44-.32Zm-2.8 3.72c-.63.63-1.03 1.42-1.19 2.28H4.47C4.06 18.54 4 18.11 4 17.99c.1-.08.33-.23.82-.45 1.12-.51 3.3-1.34 6.13-1.51l-1.69 1.69Zm2.87 2.91c-.06.06-.09.13-.09.22v1.86c0 .17.13.31.31.31h1.86c.08 0 .16-.03.21-.09l6.67-6.66-2.29-2.29-6.66 6.66Zm7.41-4.52-5.65 5.65-.71-.71 5.65-5.65z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.