Detect before vectorizing
One upload can contain many icons with different sizes and uneven spacing. IconSplit separates them before SVG conversion.
Multiple Icons to SVG
Extract multiple icons and convert each one to SVG
Upload an icon sheet, AI-generated asset board, or design screenshot. Unlike a whole-image converter, IconSplit detects multiple icons first, lets you repair each result independently, then exports selected icons as separate scalable SVG files.
Pixels on the left. Real SVG paths on the right.
Drag the handle to inspect the same extracted icon as enlarged PNG pixels and as SVG generated by IconSplit's VTracer pipeline.
Actual PNG and SVG pairs exported from IconSplit. No embedded PNG and no manually redrawn paths.
Repair each icon first
Remove background residue, inspect transparent holes, and fix noisy edges before rebuilding the vector geometry.
Export separate SVG files
Each result becomes its own scalable file instead of one SVG containing the entire uploaded board.
How IconSplit creates SVG icons
Separate iconsDetect individual regions in the source image.
Repair raster edgesClean the source used for vector tracing.
Trace vector shapesBuild filled shapes and fitted curves from color regions.
Preserve holesRepresent enclosed transparency with cut-out paths.
Compact, Balanced, Detailed, or Custom
Compact produces fewer paths and smaller files for simple icons. Balanced targets a practical detail-to-size tradeoff. Detailed preserves more small shapes and color variations. Custom exposes tracing controls when a source needs closer tuning.
Filled vector shapes
Raster color regions are reconstructed as shapes with editable fills rather than embedding the original PNG.
Smooth fitted curves
Vector curves replace pixel stair-steps so the output can remain sharp when scaled.
Honest color expectations
Complex gradients, shadows, glass effects, and textures may be simplified into vector color regions.
SVG conversion or Vector smoothing?
Use Vector smoothing when you want cleaner PNG or WebP edges while preserving the original raster colors, gradients, and textures. Choose SVG when scalable, editable vector geometry matters more than an exact raster match.
Technical note
IconSplit runs its SVG tracing locally through WebAssembly using VTracer. The vector model uses filled paths, fitted curves, color-region controls, and cut-out geometry for enclosed holes. Read the visual VTracer technical guide or visit the underlying open-source project.