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-solid-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-solid mi-question" viewBox="0 0 24 24">
<path d="M11.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 3m.51 13.75c-.16.17-.39.25-.69.25s-.52-.08-.68-.25a.86.86 0 0 1-.24-.62c0-.26.08-.48.25-.64s.39-.24.67-.24.51.08.68.25.25.38.25.63-.08.45-.24.62m1.32-4.99-.83.81c-.2.22-.33.51-.4.87-.07.34-.36.6-.71.6h-.1c-.43 0-.78-.38-.72-.8.04-.24.09-.45.17-.63.15-.35.44-.74.88-1.17.44-.42.71-.73.83-.9.18-.27.27-.57.27-.89 0-.42-.1-.74-.31-.96s-.51-.33-.92-.33-.7.11-.93.32a.96.96 0 0 0-.26.38c-.11.28-.35.5-.66.5h-.26c-.47 0-.81-.47-.65-.91.13-.38.35-.7.66-.97.53-.46 1.23-.69 2.11-.69s1.6.23 2.11.69c.5.46.76 1.1.76 1.92q0 1.095-1.02 2.16Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.