<svg viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<style>
.bg{fill:#ffffff;}
.wx{fill:none;stroke:#2f3540;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
</style>
<rect class="bg" x="0" y="0" width="300" height="200"/>
<!-- SUN -->
<g transform="translate(0,0)">
<circle class="wx" cx="50" cy="50" r="16"/>
<line class="wx" x1="72" y1="50" x2="82" y2="50"/>
<line class="wx" x1="65.6" y1="34.4" x2="72.6" y2="27.4"/>
<line class="wx" x1="50" y1="28" x2="50" y2="18"/>
<line class="wx" x1="34.4" y1="34.4" x2="27.4" y2="27.4"/>
<line class="wx" x1="28" y1="50" x2="18" y2="50"/>
<line class="wx" x1="34.4" y1="65.6" x2="27.4" y2="72.6"/>
<line class="wx" x1="50" y1="72" x2="50" y2="82"/>
<line class="wx" x1="65.6" y1="65.6" x2="72.6" y2="72.6"/>
</g>
<!-- CLOUD -->
<g transform="translate(100,0)">
<g transform="translate(7,26)">
<path class="wx" d="M18,45 C10,45 4,39 4,32 C4,25 10,19 18,18 C20,10 28,4 40,4 C50,4 58,10 61,18 C70,18 76,24 76,31 C76,39 69,45 60,45 Z"/>
</g>
</g>
<!-- RAIN -->
<g transform="translate(200,0)">
<g transform="translate(7,10)">
<path class="wx" d="M18,45 C10,45 4,39 4,32 C4,25 10,19 18,18 C20,10 28,4 40,4 C50,4 58,10 61,18 C70,18 76,24 76,31 C76,39 69,45 60,45 Z"/>
</g>
<line class="wx" x1="35" y1="65" x2="30" y2="82"/>
<line class="wx" x1="50" y1="65" x2="45" y2="82"/>
<line class="wx" x1="65" y1="65" x2="60" y2="82"/>
</g>
<!-- SNOW -->
<g transform="translate(0,100)">
<g transform="translate(7,10)">
<path class="wx" d="M18,45 C10,45 4,39 4,32 C4,25 10,19 18,18 C20,10 28,4 40,4 C50,4 58,10 61,18 C70,18 76,24 76,31 C76,39 69,45 60,45 Z"/>
</g>
<g>
<line class="wx" x1="26" y1="76" x2="40" y2="76"/>
<line class="wx" x1="29.5" y1="69.94" x2="36.5" y2="82.06"/>
<line class="wx" x1="29.5" y1="82.06" x2="36.5" y2="69.94"/>
<line class="wx" x1="43" y1="76" x2="57" y2="76"/>
<line class="wx" x1="46.5" y1="69.94" x2="53.5" y2="82.06"/>
<line class="wx" x1="46.5" y1="82.06" x2="53.5" y2="69.94"/>
<line class="wx" x1="60" y1="76" x2="74" y2="76"/>
<line class="wx" x1="63.5" y1="69.94" x2="70.5" y2="82.06"/>
<line class="wx" x1="63.5" y1="82.06" x2="70.5" y2="69.94"/>
</g>
</g>
<!-- FOG -->
<g transform="translate(100,100)">
<g transform="translate(7,10)">
<path class="wx" d="M18,45 C10,45 4,39 4,32 C4,25 10,19 18,18 C20,10 28,4 40,4 C50,4 58,10 61,18 C70,18 76,24 76,31 C76,39 69,45 60,45 Z"/>
</g>
<line class="wx" x1="25" y1="65" x2="75" y2="65"/>
<line class="wx" x1="18" y1="75" x2="82" y2="75"/>
<line class="wx" x1="25" y1="85" x2="75" y2="85"/>
</g>
<!-- THUNDERSTORM -->
<g transform="translate(200,100)">
<g transform="translate(7,10)">
<path class="wx" d="M18,45 C10,45 4,39 4,32 C4,25 10,19 18,18 C20,10 28,4 40,4 C50,4 58,10 61,18 C70,18 76,24 76,31 C76,39 69,45 60,45 Z"/>
</g>
<path class="wx" d="M56,55 L44,73 L54,73 L40,90"/>
</g>
</svg>