placeimg.dev

Instantly generate beautiful, customizable SVG placeholder images by URL. Perfect for designers, developers, and rapid prototyping.

SVGHow to use

  • 400x400 SVG image (square)
  • 400x300 SVG image
  • custom background color (hex)
  • centered text
  • custom color & text
  • gradient background (comma-separated hex colors)

Try it out

Basic blue rectangle
/400x200/4F46E5?text=placeimg
Basic blue rectangle
Wide yellow rectangle
/600x300/FFB300?text=Wide+Yellow
Wide yellow rectangle
Gradient rectangle
/500x250/00B894?gradient=00B894,00BFFF&text=Gradient+Rect
Gradient rectangle
Dark square (white text)
/300/222222?text=Square+Dark&textColor=fff
Dark square (white text)
Red square
/400/FF5733?text=Square+Red
Red square
Gradient
/350x200?gradient=FF5733,4F46E5&text=Gradient
Gradient

Tip: You can use these URLs directly in your <img /> tags, Figma, or anywhere you need a placeholder image!

Looking for a React component? Try our npm package:

npm: react-svg-placeholder-ts

View the project on GitHub:

GitHub: tarikTz/react-svg-placeholder-ts