# SVG Placeholder Generator

URL: https://phishdestroy.io/developer-tools/svg-placeholder-generator
Category: Misc
Where it runs: Runs locally (nothing you enter is uploaded)

Set the size, colors and an optional label to create a lightweight SVG placeholder for mock-ups. You get a preview, the SVG code and a data URI.

## Example input

1200 px wide banner

```
1200
```

Sets the width: Generate makes a 1200 × 400 SVG labelled 1200 × 400, with its SVG code and data URI.

## FAQ

### What does the generated SVG contain?

A rectangle filled with the background color and one centered line of text in the text color. The font size is an eighth of the shorter side, at least 12 px, using Inter if it is installed and otherwise the system sans-serif font.

### Are there size or text limits?

The fields suggest 1 to 4000 pixels, and an empty or zero size falls back to 600 × 400. Long labels are not wrapped, so they can run past the edges.

### Is the image hosted anywhere?

No. The SVG and data URI are generated in your browser; copy them into your project, nothing is uploaded.

## Related tools

- [Emoji Favicon Generator](https://phishdestroy.io/developer-tools/emoji-favicon-generator)
- [Lorem Ipsum HTML Generator](https://phishdestroy.io/developer-tools/lorem-html-generator)
- [Color Palette Generator](https://phishdestroy.io/developer-tools/color-palette-generator)
- [CSS Gradient Builder](https://phishdestroy.io/developer-tools/css-gradient-builder)
- [QR Code Generator](https://phishdestroy.io/developer-tools/qr-code-generator)

All tools: https://phishdestroy.io/developer-tools