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-solid-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-solid mi-day-partly-cloudy" viewBox="0 0 24 24">
  <path d="M7.81 6.4 6.34 4.93a.996.996 0 1 0-1.41 1.41L6.4 7.81c.4-.54.88-1.01 1.41-1.41M13 5.08V3c0-.55-.45-1-1-1s-1 .45-1 1v2.08c.33-.05.66-.08 1-.08s.67.03 1 .08m4.6 2.73 1.47-1.47a.996.996 0 1 0-1.41-1.41L16.19 6.4c.54.4 1.01.88 1.41 1.41M6.4 16.18l-1.47 1.47a.996.996 0 1 0 1.41 1.41l1.47-1.47c-.54-.4-1.01-.88-1.41-1.41m15.54-1.25c-.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-2M5 12c0-.34.03-.67.08-1H3c-.55 0-1 .45-1 1s.45 1 1 1h2.08c-.05-.33-.08-.66-.08-1m10.04-1.12c.4-.46.9-.81 1.45-1.05-.93-1.93-3.04-3.18-5.41-2.75-1.96.35-3.57 1.9-3.97 3.85A5.01 5.01 0 0 0 12.06 17c-.49-.65-.79-1.44-.79-2.31 0-2.09 1.69-3.79 3.77-3.81"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.