Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">question</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#question" />
</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-question" viewBox="0 0 24 24">
<path d="M11.97 7c-.87 0-1.58.23-2.11.69-.31.27-.53.59-.66.97-.15.44.18.91.65.91h.26c.31 0 .54-.21.66-.5.06-.15.15-.27.26-.38.24-.22.55-.32.93-.32s.71.11.92.33.31.54.31.96c0 .32-.09.61-.27.89-.12.18-.39.48-.83.9s-.73.81-.88 1.17c-.07.18-.13.39-.17.63-.07.42.29.8.72.8h.1c.35 0 .64-.26.71-.6.07-.36.2-.65.4-.87l.83-.81q1.02-1.065 1.02-2.16c0-.82-.25-1.46-.76-1.92-.5-.46-1.21-.69-2.11-.69Zm-.16 8.25c-.28 0-.51.08-.67.24-.17.16-.25.38-.25.64 0 .25.08.45.24.62s.39.25.68.25.52-.08.69-.25c.16-.17.24-.37.24-.62s-.08-.47-.25-.63c-.17-.17-.39-.25-.68-.25M11.98 3C6.47 3 2 6.91 2 11.74c0 2.2.93 4.21 2.46 5.74-.11.99-.33 1.96-.65 2.89q-.135.42-.3.81c-.1.23.09.49.34.45.29-.05.58-.1.86-.16h.02c2.28-.46 3.68-1.06 4.33-1.38.96.25 1.94.38 2.93.38 5.51 0 9.98-3.91 9.98-8.74S17.5 3 11.98 3m0 15.47c-.82 0-1.63-.11-2.41-.31l-.74-.2-.68.35c-.35.18-.97.45-1.91.73q.135-.675.21-1.35l.1-.95-.68-.68C4.66 14.85 4 13.31 4 11.73c0-3.71 3.58-6.74 7.98-6.74s7.98 3.02 7.98 6.74-3.58 6.74-7.98 6.74"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.