Filled paths
SVG output represents color regions as shapes with fills. This makes the geometry editable and independent of a fixed pixel grid.
VTracer Technical Guide
How raster icon pixels become editable SVG paths
IconSplit first separates icons from an icon sheet, AI-generated asset board, or design screenshot. After Repair, its VTracer WebAssembly pipeline rebuilds raster color regions as filled paths and fitted curves for scalable SVG export.
The vectorization pipeline
Repaired rasterThe selected icon is normalized after background cleanup, hole inspection, and any Repair controls.
VTracer color regionsRaster regions are grouped and their boundaries are converted into fitted geometric curves.
Real SVG outputThe result contains filled paths and cut-out geometry rather than an embedded copy of the original PNG.
Pixels on the left. Fitted SVG paths on the right.
Drag the handle across this actual PNG/SVG pair. Enlarged raster pixels remain fixed, while the SVG side is rendered from scalable vector geometry.
Actual files exported from IconSplit. The SVG contains paths, not an embedded raster image.
Fitted curves
Curve fitting replaces raster stair-steps with compact path commands. The chosen preset controls how aggressively detail is simplified.
Cut-out holes
Enclosed transparent regions are represented as topology in the vector model instead of being flattened into a solid silhouette.
Compact, Balanced, Detailed, or Custom
Fewer paths
Useful for simple icon geometry and smaller SVG files where tiny color variations are not important.
Practical default
Targets a useful tradeoff between recognizable detail, curve smoothness, and manageable path count.
More control
Preserves more small regions or exposes tracing parameters when the source requires closer tuning.
SVG conversion can approximate gradients, shadows, glass effects, and textures because it rebuilds color regions. Use Vector smoothing when exact raster color matters more than editable geometry.
Where VTracer fits in the complete IconSplit workflow
1Upload one sourceIcon sheet, AI asset board, or design screenshot.
2Detect icons firstVectorize separate results, not the complete board as one SVG.
3Repair the rasterClean the source used for vector tracing.
4Export SVGCreate a scalable file for each selected icon.