SVG Placeholder

Generate custom SVG placeholder images for your layouts.

Width (px)

Height (px)

Background Color

Text Color

Custom Text (optional)

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
  <rect width="800" height="600" fill="#cccccc" />
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-size="120px" fill="#666666">800x600</text>
</svg>