Day Partly 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_partly_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-partly-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-partly-cloudy" viewBox="0 0 24 24">
  <path d="M12 5c-.34 0-.67.03-1 .08V3c0-.55.45-1 1-1s1 .45 1 1v2.08c-.33-.05-.66-.08-1-.08M6.4 7.81c.4-.54.88-1.01 1.41-1.41L6.34 4.93a.996.996 0 1 0-1.41 1.41l1.48 1.48Zm4.92 7.37A3.25 3.25 0 0 1 12 8.75c1.4 0 2.58.89 3.04 2.13.34-.39.76-.7 1.22-.93-.77-1.59-2.38-2.7-4.26-2.7-2.62 0-4.75 2.13-4.75 4.75s2.07 4.67 4.63 4.74c-.3-.46-.49-.99-.56-1.56m6.28-7.37 1.48-1.48a.996.996 0 1 0-1.41-1.41L16.2 6.39c.54.4 1.01.88 1.41 1.41ZM6.4 16.19l-1.48 1.47a.996.996 0 1 0 1.41 1.41l1.47-1.48c-.54-.4-1.01-.88-1.41-1.41ZM5 12c0-.34.03-.67.08-1H3c-.55 0-1 .45-1 1 0 .56.45 1 1 1h2.08c-.05-.33-.08-.66-.08-1m16.94 2.93c-.18-.63-.72-1.06-1.33-1.15.07-.69-.11-1.45-1.25-2.31-.37-.28-.82-.47-1.28-.47-1.03 0-1.92.62-2.31 1.5-.6-.19-1.27-.22-2.1.46-.52.43-.9 1.06-.9 1.74a2.3 2.3 0 0 0 2.31 2.29h5.31q.225 0 .45-.06c.86-.25 1.35-1.14 1.1-2"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.