Your Company
Fancy Tools
Home
About
Privacy Policy
English
Log in
Sign up
Open user menu
Open main menu
SVG placeholder generator
Generate svg images to use as a placeholder in your applications.
Width (in px)
Background
Height (in px)
Text color
Font size
Custom text
Use exact size
SVG HTML element
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350"> <rect width="600" height="350" fill="#cccccc"></rect> <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text> </svg>
SVG in Base64
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDB4MzUwPC90ZXh0PiAgIAo8L3N2Zz4=
Copy svg
Copy base64
Download svg
