<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
  <!-- Background -->
  <rect width="400" height="300" fill="#f0f4f8" />

  <!-- Circles -->
  <circle cx="80" cy="80" r="40" fill="#4299e1" opacity="0.8" />
  <circle cx="200" cy="150" r="60" fill="#48bb78" opacity="0.7" />
  <circle cx="320" cy="100" r="30" fill="#ed8936" opacity="0.9" />

  <!-- Rectangles -->
  <rect x="30" y="180" width="100" height="60" rx="8" fill="#9f7aea" opacity="0.8" />
  <rect x="260" y="190" width="120" height="80" rx="4" fill="#fc8181" opacity="0.7" />

  <!-- Lines -->
  <line x1="80" y1="120" x2="200" y2="90" stroke="#2d3748" stroke-width="2" />
  <line x1="200" y1="210" x2="320" y2="190" stroke="#2d3748" stroke-width="2" />
  <line x1="130" y1="210" x2="260" y2="230" stroke="#2d3748" stroke-width="2" stroke-dasharray="5,5" />

  <!-- Text -->
  <text x="200" y="25" font-family="Arial, sans-serif" font-size="16" fill="#2d3748" text-anchor="middle" font-weight="bold">Sample SVG Shapes</text>

  <!-- Polygon (triangle) -->
  <polygon points="170,260 200,220 230,260" fill="#ecc94b" opacity="0.9" />

  <!-- Ellipse -->
  <ellipse cx="340" cy="60" rx="40" ry="25" fill="#667eea" opacity="0.6" />
</svg>
