<svg viewBox="0 0 600 100" width="600" height="100" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.stroke { fill: none; stroke: black; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.dot { fill: black; }
</style>
</defs>
<!-- Sun -->
<g transform="translate(50,50)">
<circle cx="0" cy="0" r="16" class="stroke"/>
<line x1="0" y1="-24" x2="0" y2="-30" class="stroke"/>
<line x1="0" y1="24" x2="0" y2="30" class="stroke"/>
<line x1="-24" y1="0" x2="-30" y2="0" class="stroke"/>
<line x1="24" y1="0" x2="30" y2="0" class="stroke"/>
<line x1="-17" y1="-17" x2="-21.2" y2="-21.2" class="stroke"/>
<line x1="17" y1="17" x2="21.2" y2="21.2" class="stroke"/>
<line x1="17" y1="-17" x2="21.2" y2="-21.2" class="stroke"/>
<line x1="-17" y1="17" x2="-21.2" y2="21.2" class="stroke"/>
</g>
<!-- Cloud -->
<g transform="translate(150,50)">
<path d="M-20,0 C-20,-15 0,-15 8,-10 C20,-18 36,-8 36,4 C36,14 20,18 10,16 C6,26 -10,24 -18,16 C-28,18 -40,10 -40,0" class="stroke"/>
</g>
<!-- Rain -->
<g transform="translate(250,50)">
<path d="M-20,0 C-20,-15 0,-15 8,-10 C20,-18 36,-8 36,4 C36,14 20,18 10,16 C6,26 -10,24 -18,16 C-28,18 -40,10 -40,0" class="stroke"/>
<line x1="-10" y1="18" x2="-6" y2="30" class="stroke"/>
<line x1="6" y1="18" x2="10" y2="30" class="stroke"/>
<line x1="20" y1="18" x2="24" y2="30" class="stroke"/>
</g>
<!-- Snow -->
<g transform="translate(350,50)">
<path d="M-20,0 C-20,-15 0,-15 8,-10 C20,-18 36,-8 36,4 C36,14 20,18 10,16 C6,26 -10,24 -18,16 C-28,18 -40,10 -40,0" class="stroke"/>
<line x1="-15" y1="20" x2="-15" y2="24" class="stroke"/>
<line x1="-15" y1="22" x2="-13" y2="22" class="stroke"/>
<line x1="0" y1="20" x2="0" y2="24" class="stroke"/>
<line x1="0" y1="22" x2="-2" y2="22" class="stroke"/>
<line x1="15" y1="20" x2="15" y2="24" class="stroke"/>
<line x1="15" y1="22" x2="13" y2="22" class="stroke"/>
</g>
<!-- Fog -->
<g transform="translate(450,50)">
<path d="M-30,0 C-30,-8 -15,-8 -8,-6" class="stroke"/>
<path d="M-20,-4 C-20,-10 -5,-10 4,-7" class="stroke"/>
<path d="M-10,-7 C-10,-13 8,-13 18,-9" class="stroke"/>
<path d="M0,-10 C0,-16 18,-16 28,-12" class="stroke"/>
</g>
<!-- Thunderstorm -->
<g transform="translate(550,50)">
<path d="M-20,0 C-20,-15 0,-15 8,-10 C20,-18 36,-8 36,4 C36,14 20,18 10,16 C6,26 -10,24 -18,16 C-28,18 -40,10 -40,0" class="stroke"/>
<path d="M10,16 L4,30 L12,30 L6,40 L0,30 L6,30 Z" class="dot"/>
</g>
</svg>