Home
HTML
HTML SVG
Tryit: SVG gradient
Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <svg height="130" width="500"> <defs> <linearGradient id="grad1"> <stop offset="0%" stop-color="yellow" /> <stop offset="100%" stop-color="red" /> </linearGradient> </defs> <ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" /> <text fill="#ffffff" font-size="45" font-family="Verdana" x="50" y="86">SVG</text> Sorry, your browser does not support inline SVG. </svg> </body> <!-- /html/tryit.asp?filename=tryhtml_svg_logo Thu, 06 Feb 2025 18:15:10 GMT --> </html>
