<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <svg width="300" height="300" style="border:1px solid #cccccc"> <rect x="10" y="10" width="60" height="30" stroke="#0cc" stroke-width="5" fill="transparent"/> <rect x="10" y="60" rx="5" ry="5" width="60" height="30" stroke="#0cc" stroke-width="2" fill="orange"/> <circle cx="25" cy="75" r="20" stroke="red" stroke-width="2" fill="transparent"/> <ellipse cx="75" cy="75" rx="20" ry="10" stroke="red" stroke-width="2" fill="green"/> <line x1="10" y1="110" x2="50" y2="150" stroke="orange" stroke-width="6"/> </svg> </body> </html>