This set of weather icons in pure CSS was designed by ryuuseiistar. There are 5 styles to choose from

  1. sunny
  2. partly cloudy
  3. cloudy
  4. rainy
  5. night

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen
/r/web_design challenge 1 – CSS Weather Animations
by ryuuseiistar (@RYUUSEiiSTAR)
on CodePen.