<!DOCTYPE html>
<html lang="en-US">
<body>
<svg height="100" width="100">
<defs>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:black;stop-opacity:1" />
<stop offset="100%" style="stop-color:gold;stop-opacity:1" />
</linearGradient>
</defs>
<circle cx="50" cy="50" r="40" fill="url(#grad4)" />
<text fill="#f7f7f7" font-size="25" font-family="Verdana" x="24" y="59">SUN</text>
</svg>
</body>
</html>