SVG Stroke to Path
Convert SVG strokes to filled paths
Upload an SVG and outline its strokes into filled paths. The shape keeps its exact thickness when scaled, and the result no longer depends on stroke-width rendering.
Strokes are converted into filled outline paths so the shape keeps its exact thickness even when scaled. Works best on clean, icon-style SVG strokes.
Original
Outlined
Outlined SVG code
Why outline SVG strokes into paths?
Stroked SVGs can render inconsistently across tools: stroke width may not scale the way you expect, and some platforms ignore strokes entirely when importing logos. Converting strokes to filled outline paths bakes the thickness into the geometry, so the icon looks identical everywhere and is ready for cutting machines, embroidery, single-path workflows, and font tools.
This converter works best on clean, icon-style strokes. After outlining, run the result through the SVG Cleaner and SVG Optimizer for the smallest possible file.
How it works
- 1 Upload an SVG file that uses strokes.
- 2 Choose whether to keep existing filled shapes.
- 3 Convert the strokes into filled outline paths.
- 4 Compare the before and after preview, then download the outlined SVG.
Features
- True outline conversion Turns stroked lines and shapes into filled paths that keep their exact thickness.
- Transform-aware Bakes transforms into the geometry first so the outline is accurate in user space.
- Keeps fills Optionally preserves existing filled shapes alongside the new outline paths.
- Before / after preview See the original and outlined versions side by side before downloading.
What you can use it for
- Prepare icons for cutting machines, vinyl, and laser engraving.
- Outline strokes before importing logos into icon fonts.
- Fix logos that lose their strokes in other design tools.
- Create single-path or fill-only versions of stroked artwork.
SVG Stroke to Path Converter FAQ
Why convert strokes to paths?
Outlining strokes makes the thickness part of the shape, so it scales consistently and works in tools that ignore stroke attributes, such as cutting machines, embroidery software, and font generators.
Does it work on any SVG?
It works best on clean, icon-style SVG strokes. Files with text, images, or <use> references are left unchanged, and only stroked shapes are converted.
Will the result look the same?
Yes. The outline matches the original stroke, but it is now a filled path. Very sharp corners may differ slightly because joins are approximated.
Does it keep my fills?
You can keep existing filled shapes with the "keep fills" option, or convert only the strokes.
Is my file uploaded?
No. The conversion runs entirely in your browser and your SVG never leaves your device.
Is it free?
Yes, the SVG stroke to path converter is free with no signup.
Related free tools
Keep building your brand asset set with these related free tools.