SVG Path Boolean
LocalFree online boolean operations on two SVG paths — unite, subtract, intersect, exclude or divide — download the result SVG; no upload, no sign-up.
Sample data loaded (two overlapping circles) — click Run to try it; this note disappears when you edit the input.
Input preview: 2 booleanable path(s)/shape(s) found (numbered in document order, A=0, B=1)
Assign A/B on the canvas: arm “Pick A/B”, then click a shape (highlighted blue for A, amber for B), or use the document-order number inputs (canvas index labels as fallback). Download the result as SVG.
What is it? SVG Path Boolean merges or cuts two paths/shapes inside one SVG with boolean operations — union, subtract, intersect, exclude or divide — and returns a single clean SVG path. Assign A/B by clicking shapes on the input canvas (A highlights blue, B amber) or by document-order numbers. An input preview shows the booleanable shape count, <text>/<image> elements are ignored with a counted notice, and degenerate empty results are reported loudly instead of silently downloading an empty file.
TL;DR: Unite, subtract, intersect, exclude or divide two SVG paths — one clean result path, runs in your browser, no upload.
How to use
- Paste a single SVG that contains at least two paths/shapes (a sample is preloaded). The input preview shows how many booleanable shapes were found and how many <text>/<image> elements are ignored.
- Choose the boolean operation and assign A/B: arm “Pick A/B”, then click a shape on the canvas (A highlights blue, B amber); the A/B number inputs and the on-canvas index labels are the document-order fallback.
- Click Run — preview the result, then copy or download it as an SVG file. Empty results (e.g. non-overlapping intersect) are reported with a reason instead of silently producing an empty path.
FAQ
Does the A/B order matter?
Only for subtract (A − B) — swapping A and B flips the result. Unite, intersect, exclude and divide are symmetric in A/B.
Why is my text/raster artwork not included?
<text> and <image> elements cannot take part in boolean ops — they are ignored and counted in the notice above the input. Convert text to outlines/paths in your design tool first; raster images are not supported.
Why did intersect/subtract produce an "empty result" error?
The geometry genuinely has nothing to keep: intersect finds no overlap between A and B, or B fully covers A in subtract. Nothing was downloaded silently — adjust the inputs or pick another operation.
Does it handle transforms?
Simple paths are supported; complex transformed groups may need to be flattened first.
How do I cut a hole or a notch in an SVG shape?
Use subtract (A − B): make A the outer shape and B the hole, and subtract punches B out of A. That is the fastest way to create cut-outs, knockouts and slots for laser cutting or stencils.
How do I merge two SVG shapes into one path?
Use unite — overlapping areas become a single clean path that downloads as one SVG. Combine it with subtract for compound shapes, or use exclude when you want the overlapping area removed.
What does divide do?
Divide slices the shapes along their overlapping boundaries and keeps all the resulting pieces, so you can split one shape into several editable parts instead of merging them.
Which boolean engine does it use?
Paper.js (MIT), running locally in your browser — the same family of boolean operations used by browser SVG editors built on Paper.js. Nothing is sent to a server.
Examples
- Paste an SVG with two circles → pick unite/intersect → download the result SVG
Supported formats
Limitations
- Works on path geometry, not raster images.
- <text>/<image> elements are ignored (counted and disclosed) — convert text to outlines/paths first.
- A/B are assigned by clicking shapes on the canvas (arm “Pick A/B” first; A highlights blue, B amber) or by document-order number inputs — canvas index labels are the fallback.
- Degenerate results (empty intersect/subtract) are reported loudly instead of silently exporting an empty path.
- The result keeps A's fill/stroke style (B's style is not preserved; missing styles fall back to a dark gray default).
- Very complex paths can be slow in the browser.
Privacy
Privacy first: this tool runs entirely in your browser — your input and files never leave your device, and everything is cleared when you close the page.