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</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" />
</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" viewBox="0 0 24 24">
<path d="M20.01 15.73h.01c-1.54-.71-4.38-1.74-8.02-1.73-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.44h15.05c.89 0 1.67-.59 1.92-1.44.27-.91.55-2.02.55-2.56 0-1-.44-1.56-1.98-2.27m-.49 4.26H4.47c-.4-1.42-.46-1.87-.47-2 .1-.08.33-.23.82-.45 1.25-.58 3.85-1.55 7.18-1.55s5.64.84 7.17 1.54c.48.22.71.37.81.45-.02.27-.13.89-.46 2ZM12 12.51c2.62 0 4.75-2.13 4.75-4.75S14.62 3.01 12 3.01 7.25 5.14 7.25 7.76s2.13 4.75 4.75 4.75m0-7.5c1.52 0 2.75 1.23 2.75 2.75s-1.23 2.75-2.75 2.75-2.75-1.23-2.75-2.75S10.48 5.01 12 5.01"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.