console
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(100 100)">
<g class="sun">
<circle r="25" fill="#FFD700" stroke="#FFA500" stroke-width="2"/>
<path d="M-20 -5 Q0 5 20 -5" fill="none" stroke="#FFA500" stroke-width="2"/>
<g class="rays">
<line x1="-40" y1="0" x2="-55" y2="0" stroke="#FFA500" stroke-width="3"/>
<line x1="40" y1="0" x2="55" y2="0" stroke="#FFA500" stroke-width="3"/>
<line x1="0" y1="-40" x2="0" y2="-55" stroke="#FFA500" stroke-width="3"/>
<line x1="0" y1="40" x2="0" y2="55" stroke="#FFA500" stroke-width="3"/>
</g>
</g>
<g class="clouds">
<g transform="translate(-70 -50)">
<ellipse cx="0" cy="0" rx="20" ry="12" fill="#F0F8FF"/>
<ellipse cx="18" cy="-8" rx="14" ry="8" fill="#F0F8FF"/>
<ellipse cx="-18" cy="-8" rx="14" ry="8" fill="#F0F8FF"/>
</g>
<g transform="translate(60 40)">
<ellipse cx="0" cy="0" rx="16" ry="10" fill="#F0F8FF"/>
<ellipse cx="14" cy="-6" rx="10" ry="6" fill="#F0F8FF"/>
<ellipse cx="-14" cy="-6" rx="10" ry="6" fill="#F0F8FF"/>
</g>
</g>
</g>
</svg>