Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">wintery_mix</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#wintery-mix" />
</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-wintery-mix" viewBox="0 0 24 24">
<path d="M7.56 15a5.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.62A3.9 3.9 0 0 1 19 14.84c-.33.1-.67.14-1.08.14H7.56Zm0-8.99c-2.07 0-3.75 1.68-3.75 3.75s1.68 3.75 3.75 3.75h10.36c.26-.02.47-.04.66-.1.62-.18 1.13-.59 1.43-1.15.31-.56.38-1.21.2-1.82a2.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-.2C8.26 6.06 7.91 6 7.57 6ZM4.55 17.24l-.43-1.45-.43 1.45-1.45.43 1.45.43.43 1.45.43-1.45L6 17.67zm8 0-.43-1.45-.43 1.45-1.45.43 1.45.43.43 1.45.43-1.45 1.45-.43zm7 0-.43-1.45-.43 1.45-1.45.43 1.45.43.43 1.45.43-1.45 1.45-.43zm-9.88-.85L5.62 20l.2 2.23 2.12-.69 1.73-5.14Zm7 0L12.62 20l.2 2.23 2.12-.69 1.73-5.14Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.