Day Mostly Cloudy

Download SVG

Examples

Heading
Smaller heading

Inline text 

Example link text 

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-outlined-icons.svg#day-mostly-cloudy" />
</svg>

SVG code

Use when you don't want any dependency. 

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-day-mostly-cloudy" viewBox="0 0 24 24">
  <path d="M7.56 22a5.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 21.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-.2c-.42-.13-.77-.19-1.11-.19Zm3.25-8.54V2.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.41 10.01c0-.27.03-.54.06-.8H2.81c-.44 0-.8.36-.8.8s.36.8.8.8h1.66c-.04-.26-.06-.53-.06-.8m2.25-4.48L5.48 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.13m.9 4.48h.23a7.25 7.25 0 0 1 5.17-2.68A3.97 3.97 0 0 0 10 6c-2.21 0-4 1.79-4 4 0 .06.02.12.02.18.49-.12 1.01-.18 1.54-.18Z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.