The Standard Icon Set

Weather and Sky

Cloudy icon

Two overlapping clouds, one behind the other. Use for cloudy weather or overcast skies.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.5 13C5.88 13 5.28 12.77 4.82 12.355C4.36 11.939 4.07 11.368 4.01 10.751C3.95 10.134 4.12 9.516 4.48 9.017C4.85 8.518 5.39 8.173 6 8.05C6.21 7.376 6.64 6.79 7.22 6.382C7.8 5.974 8.49 5.765 9.2 5.788C9.91 5.81 10.59 6.063 11.14 6.507C11.69 6.952 12.08 7.563 12.25 8.25C12.82 8.358 13.33 8.669 13.69 9.126C14.05 9.582 14.23 10.154 14.2 10.734C14.17 11.314 13.93 11.863 13.53 12.279C13.12 12.696 12.58 12.952 12 13H6.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M4 9C3.47 8.966 2.98 8.747 2.59 8.384C2.21 8.02 1.97 7.533 1.91 7.009C1.85 6.485 1.98 5.957 2.27 5.517C2.56 5.076 2.99 4.752 3.5 4.6C3.71 4.056 4.08 3.586 4.56 3.247C5.03 2.909 5.6 2.718 6.18 2.696C6.77 2.675 7.35 2.825 7.85 3.128C8.35 3.431 8.75 3.873 9 4.4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.