Is this a real gradient mesh?

No. It is a layered radial-gradient approximation that works in standard SVG.

Does it replace existing artwork?

No. It inserts the mesh group behind existing SVG nodes.

Yes. Change the stop-color values in the generated gradient definitions.

← Browse all toolsSVG Mesh Gradient Editor

Edit

Insert a layered radial-gradient mesh starter behind SVG artwork.

Insert a layered radial-gradient mesh starter behind SVG artwork.

Choose an SVG file, paste SVG markup, or load the sample to begin.

Page context

SVG Mesh Gradient Editor inserts a layered radial-gradient mesh starter behind SVG artwork.

The tool adds three radialGradient definitions and a background group named svgkit-mesh-gradient behind the existing artwork.

SVG has no native editable gradient mesh primitive. This version uses layered radial gradients as a practical mesh-style starter.