Icon font
Use in web applications, on buttons, and anywhere you need more than a few icons.
<i class="modus-icons" aria-hidden="true">day_mostly_cloudy</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#day-mostly-cloudy" />
</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-day-mostly-cloudy" viewBox="0 0 24 24">
<path d="M6.06 10.58c.31-.05.62-.08.94-.08.24 0 .48.02.73.05a7 7 0 0 1 5.39-3.02A3.97 3.97 0 0 0 10 6.01c-2.21 0-4 1.79-4 4 0 .2.03.39.06.58Zm4.74-6.11V2.81c0-.44-.36-.8-.8-.8s-.8.36-.8.8v1.66c.26-.04.53-.06.8-.06s.54.03.8.06m3.68 2.19 1.18-1.18c.31-.31.31-.82 0-1.13a.803.803 0 0 0-1.13 0l-1.18 1.18c.43.32.81.7 1.13 1.13M4.4 10.01c0-.27.03-.54.06-.8H2.8c-.44 0-.8.36-.8.8s.36.8.8.8h1.66c-.04-.26-.06-.53-.06-.8m2.25-4.48L5.47 4.35a.803.803 0 0 0-1.13 0c-.31.31-.31.82 0 1.13l1.18 1.18c.32-.43.7-.81 1.13-1.13m11.86 16.46c1.05 0 2.12-.3 3.11-2.18.32-.61.45-1.32.31-2a3.5 3.5 0 0 0-2.96-2.77c.14-1.47-.21-3.09-2.7-5.06-.71-.56-1.59-.93-2.49-.97a5.49 5.49 0 0 0-5.29 3.24c-1.39-.44-2.96-.47-4.92 1.34-.79.73-1.38 1.68-1.52 2.74A5.01 5.01 0 0 0 7.01 22"/>
</svg>
SVG CSS code
Use for embedding your icons in CSS with no dependency.