<svg viewBox="0 0 600 100" width="600" height="100" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.stroke { stroke: black; stroke-width: 4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.dot { fill: black; }
</style>
</defs>
<!-- Sun -->
<g transform="translate(50,50)">
<circle class="stroke" cx="0" cy="0" r="16"/>
<line class="stroke" x1="0" y1="-24" x2="0" y2="-30"/>
<line class="stroke" x1="0" y1="24" x2="0" y2="30"/>
<line class="stroke" x1="-24" y1="0" x2="-30" y2="0"/>
<line class="stroke" x1="24" y1="0" x2="30" y2="0"/>
<line class="stroke" x1="-17" y1="-17" x2="-22" y2="-22"/>
<line class="stroke" x1="17" y1="-17" x2="22" y2="-22"/>
<line class="stroke" x1="-17" y1="17" x2="-22" y2="22"/>
<line class="stroke" x1="17" y1="17" x2="22" y2="22"/>
</g>
<!-- Cloud -->
<g transform="translate(150,50)">
<path class="stroke" d="M-25,0 C-25,-15 25,-15 25,0 C35,0 35,-10 25,-10 C25,-20 -25,-20 -25,-10 C-35,-10 -35,0 -25,0 Z"/>
</g>
<!-- Rain -->
<g transform="translate(250,50)">
<path class="stroke" d="M-25,0 C-25,-15 25,-15 25,0 C35,0 35,-10 25,-10 C25,-20 -25,-20 -25,-10 C-35,-10 -35,0 -25,0 Z"/>
<line class="stroke" x1="-10" y1="8" x2="-5" y2="16"/>
<line class="stroke" x1="0" y1="8" x2="5" y2="16"/>
<line class="stroke" x1="10" y1="8" x2="15" y2="16"/>
</g>
<!-- Snow -->
<g transform="translate(350,50)">
<path class="stroke" d="M-25,0 C-25,-15 25,-15 25,0 C35,0 35,-10 25,-10 C25,-20 -25,-20 -25,-10 C-35,-10 -35,0 -25,0 Z"/>
<line class="stroke" x1="-12" y1="8" x2="-12" y2="12"/>
<line class="stroke" x1="0" y1="8" x2="0" y2="12"/>
<line class="stroke" x1="12" y1="8" x2="12" y2="12"/>
<line class="stroke" x1="-16" y1="10" x2="-8" y2="10"/>
<line class="stroke" x1="-4" y1="10" x2="4" y2="10"/>
<line class="stroke" x1="8" y1="10" x2="16" y2="10"/>
</g>
<!-- Fog -->
<g transform="translate(450,50)">
<path class="stroke" d="M-25,-10 C-25,-18 25,-18 25,-10 C35,-10 35,-2 25,-2 C25,6 -25,6 -25,-2 C-35,-2 -35,-10 -25,-10 Z"/>
<path class="stroke" d="M-25,6 C-25,-2 25,-2 25,6 C35,6 35,14 25,14 C25,22 -25,22 -25,14 C-35,14 -35,6 -25,6 Z"/>
</g>
<!-- Thunderstorm -->
<g transform="translate(550,50)">
<path class="stroke" d="M-25,0 C-25,-15 25,-15 25,0 C35,0 35,-10 25,-10 C25,-20 -25,-20 -25,-10 C-35,-10 -35,0 -25,0 Z"/>
<path class="stroke" d="M-8,8 L2,8 L2,16 L8,12 L0,24 L-8,16 Z" fill="black"/>
</g>
</svg>