SVG Image Clipper

Paste an SVG shape (path, polygon, or full <svg>), upload an image, then preview and export the clipped SVG.

SVG shape (path / <svg>)

If you paste a full <svg> the shape inside will be used; otherwise wrap a <path> or <polygon> with a clipPath.

Image

Scale

X offset

Y offset

Opacity

Actions

Exported SVG will embed the image as a data URI for portability.

Preview Ready

Generated SVG code