Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">overcast</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#overcast" />
</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-overcast" viewBox="0 0 24 24">
<path d="M10.61 16H7.55a5.25 5.25 0 1 1 0-10.5c.31 0 .62.03.95.1a5.71 5.71 0 0 1 4.9-2.8c3.11 0 5.64 2.5 5.7 5.59 1.22.39 2.18 1.37 2.55 2.62.29 1 .17 2.05-.33 2.97-.07.12-.15.22-.23.33a4 4 0 0 0-.84-1.33c-.03-.03-.06-.05-.09-.08.17-.47.19-.98.05-1.47a2.4 2.4 0 0 0-1.98-1.71l-.71-.1.07-.72c.01-.14.02-.27.02-.41a4.2 4.2 0 0 0-8.03-1.72l-.27.61-.63-.2c-.42-.13-.77-.19-1.11-.19-2.07 0-3.75 1.68-3.75 3.75s1.68 3.75 3.75 3.75h3.81c-.35.43-.62.94-.75 1.5Zm10.56 1.26c.23.86-.28 1.75-1.14 1.98-.15.04-.3.05-.45.05l-5.31-.11a2.32 2.32 0 0 1-2.26-2.36 2.31 2.31 0 0 1 2.36-2.26c.24 0 .47.06.68.13a2.56 2.56 0 0 1 2.35-1.45c1.4.03 2.51 1.19 2.48 2.59 0 .08 0 .17-.02.25.61.1 1.14.54 1.31 1.18"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.