Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head><title>SVG</title></head> <body style="padding: 20px; font-family: Arial;"> <h2>Inline SVG</h2> <svg width="400" height="160" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="150" height="100" fill="#6366f1" rx="12"/> <circle cx="310" cy="80" r="60" fill="#f59e0b"/> <line x1="180" y1="80" x2="240" y2="80" stroke="#111" stroke-width="3"/> <text x="35" y="65" fill="white" font-size="18" font-family="Arial" font-weight="bold">LearnCode</text> </svg> <p>SVG scales perfectly at any screen size.</p> </body> </html>
Result
Open