SVG background and padding editor

Add a color or another SVG behind existing artwork, extend the canvas for padding, and adjust rounded corners—a private asset-preparation tool for designers and developers.

Background settings

or drag and drop it here

No file selected

Background preview
Background type
Background size

Drag any preview corner or enter exact dimensions.

0 px

Choose a foreground SVG to begin.

Privacy shieldLocal and private. Both SVG files stay in this browser tab and are embedded directly into the downloaded SVG.

How to add a background or padding to SVG

  1. Choose the foreground SVG you want to preserve.
  2. Select a solid color or upload another SVG for the background.
  3. Increase the background dimensions for padding and optionally round its corners.
  4. Download the combined SVG.

What happens to the foreground?

The foreground SVG is embedded at its original dimensions and centered. Changing the background size adds space around it without scaling or editing the foreground artwork.