Tools
Runs locally

SVG Placeholder

A small SVG with a label. No image host.

Ctrl+Enter runs. Ctrl+Shift+Backspace clears.

Export and import are available after you sign in. Sign in

A small SVG with a label. No image host. Runs in the browser. Nothing is uploaded.

About this tool

Fill mockups, prototypes and tests with placeholder images that need no external host. Set the width, height and label, and copy the SVG markup.

How to use it

  1. 01

    Set the width and height.

  2. 02

    Type the label, for example 800×600.

  3. 03

    Copy the SVG code.

FAQ

Frequently asked questions

How do I use the SVG in an <img> tag?

Save it as a .svg file, or turn it into a data URL and put that in the src attribute.

Why not use an online placeholder service?

Inline SVG has no external requests, works offline and never disappears when a service shuts down.