HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>SVG Rectangle — rounded corners</title>
</head>
<body>
  <h1>SVG &lt;rect&gt; — rounded corners</h1>
  <svg width="240" height="140" role="img" aria-label="Rounded green rectangle with dark green border">
    <rect x="30" y="20" width="180" height="90" rx="18" ry="18"
          fill="#22c55e" stroke="#166534" stroke-width="4" />
  </svg>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

SVG Rectangle — rounded corners (Try It)