<svg height="100" width="100"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg>
<svg height="100" width="100"> <rect width="80" height="80" stroke="black" stroke-width="3" fill="blue" /> </svg>
<svg height="100" width="100"> <polygon points="50,15 90,85 10,85" stroke="black" stroke-width="3" fill="green" /> </svg>
<svg height="100" width="100"> <ellipse cx="50" cy="50" rx="40" ry="20" stroke="black" stroke-width="3" fill="yellow" /> </svg>
<svg height="100" width="100"> <line x1="10" y1="10" x2="90" y2="90" stroke="black" stroke-width="3" /> </svg>
<svg height="100" width="100"> <polyline points="0,100 50,25 50,75 100,0" stroke="black" stroke-width="3" fill="none" /> </svg>
<svg height="100" width="100"> <path d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="black" stroke-width="3" fill="transparent"/> </svg>
<svg height="100" width="100"> <text x="10" y="50" fill="black">Hello SVG</text> </svg>
<svg height="100" width="100"> <polygon points="50,5 90,95 10,95" stroke="black" stroke-width="3" fill="purple" /> </svg>
<svg height="100" width="100"> <rect x="10" y="10" width="60" height="60" stroke="black" stroke-width="3" fill="orange" /> </svg>
<svg height="100" width="100"> <ellipse cx="50" cy="50" rx="30" ry="15" stroke="black" stroke-width="3" fill="cyan" /> </svg>
<svg height="100" width="100"> <line x1="20" y1="20" x2="80" y2="80" stroke="black" stroke-width="3" /> </svg>
<svg height="100" width="100"> <polyline points="10,90 40,40 60,70 90,10" stroke="black" stroke-width="3" fill="none" /> </svg>
<svg height="100" width="100"> <path d="M20 80 Q 40 10, 60 80 T 100 80" stroke="black" stroke-width="3" fill="none" /> </svg>
<svg height="100" width="100"> <text x="20" y="40" fill="black" font-size="12" font-family="Arial">SVG Text</text> </svg>
<svg height="100" width="100"> <polygon points="50,15 61,35 85,35 66,50 71,72 50,60 29,72 34,50 15,35 39,35" stroke="black" stroke-width="3" fill="gold" /> </svg>
<svg height="100" width="100"> <polygon points="10,80 50,10 90,80" stroke="black" stroke-width="3" fill="brown" /> <rect x="30" y="40" width="40" height="40" stroke="black" stroke-width="3" fill="red" /> </svg>
<svg height="100" width="100"> <rect x="45" y="60" width="10" height="30" stroke="black" stroke-width="3" fill="sienna" /> <circle cx="50" cy="40" r="20" stroke="black" stroke-width="3" fill="green" /> </svg>
<svg height="100" width="100"> <ellipse cx="50" cy="60" rx="40" ry="20" stroke="black" stroke-width="3" fill="lightgray" /> <ellipse cx="30" cy="50" rx="20" ry="10" stroke="black" stroke-width="3" fill="lightgray" /> <ellipse cx="70" cy="50" rx="20" ry="10" stroke="black" stroke-width="3" fill="lightgray" /> </svg>
<svg height="100" width="100"> <circle cx="50" cy="50" r="30" stroke="black" stroke-width="3" fill="yellow" /> <line x1="50" y1="0" x2="50" y2="20" stroke="black" stroke-width="2" /> <line x1="50" y1="80" x2="50" y2="100" stroke="black" stroke-width="2" /> <line x1="0" y1="50" x2="20" y2="50" stroke="black" stroke-width="2" /> <line x1="80" y1="50" x2="100" y2="50" stroke="black" stroke-width="2" /> <line x1="15" y1="15" x2="30" y2="30" stroke="black" stroke-width="2" /> <line x1="70" y1="70" x2="85" y2="85" stroke="black" stroke-width="2" /> <line x1="15" y1="85" x2="30" y2="70" stroke="black" stroke-width="2" /> <line x1="70" y1="30" x2="85" y2="15" stroke="black" stroke-width="2" /> </svg>
<svg height="100" width="100"> <circle cx="50" cy="50" r="30" stroke="black" stroke-width="3" fill="none" /> <circle cx="50" cy="50" r="20" stroke="black" stroke-width="3" fill="darkgray" /> </svg>
<svg height="100" width="100"> <path d="M10 30 Q 25 10, 40 30 T 70 30" stroke="black" stroke-width="3" fill="none" /> <path d="M10 30 Q 25 50, 40 30 T 70 30" stroke="black" stroke-width="3" fill="none" /> </svg>
<svg height="100" width="100"> <polygon points="10,80 50,10 90,80" stroke="black" stroke-width="3" fill="none" /> <rect x="30" y="50" width="40" height="40" stroke="black" stroke-width="3" fill="blue" /> <rect x="45" y="70" width="10" height="20" stroke="black" stroke-width="3" fill="yellow" /> <rect x="60" y="70" width="10" height="20" stroke="black" stroke-width="3" fill="yellow" /> </svg>
<svg height="100" width="100"> <polygon points="20,90 50,20 80,90" stroke="black" stroke-width="3" fill="gray" /> <polygon points="30,70 50,30 70,70" stroke="black" stroke-width="3" fill="gray" /> </svg>
<svg height="100" width="100"> <rect x="20" y="50" width="60" height="30" stroke="black" stroke-width="3" fill="green" /> <rect x="10" y="70" width="80" height="20" stroke="black" stroke-width="3" fill="gray" /> <circle cx="30" cy="85" r="5" stroke="black" stroke-width="3" fill="black" /> <circle cx="70" cy="85" r="5" stroke="black" stroke-width="3" fill="black" /> </svg>
<svg height="100" width="100"> <polygon points="50,5 60,20 75,20 65,30 70,45 50,35 30,45 35,30 25,20 40,20" stroke="black" stroke-width="3" fill="red" /> </svg>
<svg height="100" width="100"> <rect x="30" y="20" width="40" height="40" stroke="black" stroke-width="3" fill="white" /> <path d="M30,60 Q50,80 70,60" stroke="black" stroke-width="3" fill="none" /> </svg>
<svg height="100" width="100" viewBox="0 0 100 100"> <rect x="25" y="25" width="50" height="50" fill="none" stroke="black" stroke-width="5"/> <circle cx="50" cy="50" r="20" fill="none" stroke="red" stroke-width="5"/> <line x1="10" y1="10" x2="90" y2="90" stroke="blue" stroke-width="5"/> </svg>
<svg height="100" width="100"> <path d="M20 20 C 40 20, 40 80, 60 80 S 80 20, 100 20" stroke="black" stroke-width="3" fill="none" /> <circle cx="20" cy="20" r="5" fill="red"/> <circle cx="60" cy="80" r="5" fill="green"/> <circle cx="100" cy="20" r="5" fill="blue"/> </svg>
<svg height="100" width="100"> <polygon points="10,90 40,10 70,90" fill="lightblue" stroke="black" stroke-width="3" /> <polygon points="20,70 40,20 60,70" fill="white" stroke="black" stroke-width="3" /> <polygon points="30,50 40,30 50,50" fill="blue" stroke="black" stroke-width="3" /> </svg>