Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">thunderstorm_heavy</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#thunderstorm-heavy" />
</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-thunderstorm-heavy" 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 6Zm11.57 10.51-2.69 3.33c-.27.31-.23.79.08 1.06.14.12.31.18.49.18.21 0 .42-.09.57-.26l2.69-3.33c.27-.31.23-.79-.08-1.06a.757.757 0 0 0-1.06.08m-14.51 0-2.69 3.33c-.27.31-.23.79.08 1.06.14.12.31.18.49.18.21 0 .42-.09.57-.26l2.69-3.33c.27-.31.23-.79-.08-1.06a.757.757 0 0 0-1.06.08m4.84 0-2.69 3.33c-.27.31-.23.79.08 1.06.14.12.31.18.49.18.21 0 .42-.09.57-.26l2.69-3.33c.27-.31.23-.79-.08-1.06a.757.757 0 0 0-1.06.08m6.66 2.18h-2.28l2.71-2.69h-3.66l-2.6 3.58h1.76l-2.66 3.58 6.72-4.47Z"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.