SVGSketch Feature

SVG Boolean Operations - Union, Subtract, More

Combine SVG shapes with union, subtract, intersect, exclude, and divide in SVGSketch. The result stays a standard, fully editable SVG path, free online.

Open SVGSketch

Quick answer

SVGSketch performs SVG boolean operations on selected vector shapes. Apply union, subtract, intersect, exclude, or divide to paths, primitives, or live text, then continue editing the result as a standard SVG path.

Visual examples

SELECTIONRESULT
Union Union merges the shapes into one outline. Clipper works on polygons, so the arcs come back as many short segments.
SELECTIONRESULT
Subtract Subtract keeps the bottom-most shape and cuts away everything above it.
SELECTIONRESULT
Intersect Intersect keeps only the area the shapes share.
SELECTIONRESULT
Exclude Exclude keeps everything except the overlap, as one compound path.
AFTER DIVIDEAFTER SPLIT PATH
Divide Divide returns one compound path whose subpaths are the distinct regions. Split Path breaks them into separate shapes.

Use all five SVG boolean operations

Union merges shapes into one outline, subtract keeps the bottom-most shape and cuts away everything above it, intersect keeps only the shared area, exclude removes the overlap, and divide returns every distinct region as one compound path you can break apart with Split Path.

The same boolean operations work across SVG paths and primitives such as rectangles, circles, ellipses, and polygons. Text goes in directly - SVGSketch outlines it on the way in - so badges, icons, and lettering effects need no separate conversion step, whatever font the type is set in.

Build icons and logos from simple pieces

Boolean operations are often faster than node-by-node drawing. Start with circles, rectangles, polygons, or imported paths, overlap them intentionally, and use SVG boolean operations to create complex silhouettes from simple geometry.

This is useful for icon cutouts, logo marks, notification badges, masks, interface symbols, and any artwork where the final outline matters more than the construction shapes.

Keep refining the result as SVG paths

After a boolean operation, the result remains vector artwork that can be selected, styled, exported, and edited further. If the generated outline needs cleanup, switch to the SVG path editor and adjust the nodes directly.

Boolean math runs on polygons, so curves are flattened before the operation and the result is a polyline rather than arcs. It traces the original closely and edits like any other path, but if a shape has to stay mathematically curved, model it directly instead of deriving it from a boolean.

The result inherits fill, stroke, stroke width, gradient and filters from the bottom-most shape in the selection. Dash patterns, endpoint markers, blend mode and element opacity are not carried across.

FAQ

What boolean operations does SVGSketch support?

SVGSketch supports union, subtract, intersect, exclude, and divide for SVG vector geometry.

Can I use SVG boolean operations on text?

Yes, and there is no conversion step: select the text alongside the other shapes and SVGSketch outlines it as part of the operation. Uploaded and Google fonts are outlined exactly from the font file; for a font the browser will not release, such as a system font, SVGSketch offers to read it directly or to trace what the browser draws.

Does a boolean operation preserve curves?

No. The geometry is flattened to polygons before the operation, so the result is a polyline that follows the original outline in straight segments.

Is the combined shape still editable?

Yes. The output is vector artwork you can continue to style, transform, export, or refine in the path editor.

When should I use divide instead of exclude?

Use exclude to keep one shape with the overlap removed. Use divide to keep every region, including the overlap: the result is one compound path whose subpaths are those regions, which you can then break apart with Split Path.

Open your SVG in SVGSketch

Start with a blank canvas, import an SVG, or use the editor as a conversion and cleanup step.

Open SVGSketch