IconSplit
Raster Edge Repair or Vector Reconstruction

Vector smoothing and SVG solve different problems

After IconSplit detects and repairs icons from an icon sheet, AI-generated asset board, or design screenshot, Vector smoothing keeps PNG or WebP colors and rebuilds only the boundary. SVG reconstructs the complete icon as scalable paths.

Raster gear icon SVG gear icon Raster phone icon SVG phone icon

Original, Standard, Vector smoothing, or SVG?

These are four different decisions, not four strength levels of the same filter.

Original raster icon enlarged with visible pixels
ORIGINAL

Keep the repaired raster

No additional smoothing or vector reconstruction. Best when the reviewed source appearance is already correct.

Raster icon rendered with normal anti-aliasing
STANDARD

Light raster anti-aliasing

Softens minor pixel stair-steps while keeping the raster result and its original color behavior.

Raster icon representing preserved color with a rebuilt boundary
VECTOR SMOOTHING

Rebuild only the edge

Uses fitted vector geometry for the transparent boundary while retaining raster gradients, textures, and fills.

Gear rebuilt as scalable SVG paths
SVG

Rebuild the complete icon

Converts geometry and color regions into editable filled paths that remain sharp at arbitrary sizes.

The previews illustrate how each mode is rendered. Exact smoothing depends on the source edge, Repair settings, transparency, and target output size.

The difference becomes obvious at high magnification

Drag the handle across the same extracted icon. The left side is a fixed-size PNG; the right side is rendered from actual SVG paths.

Gear rendered from SVG paths
Gear rendered from PNG pixels
PNG · RASTERSVG · VECTOR

Actual PNG and SVG pairs exported from IconSplit.

What each mode changes

ModeColor sourceBoundaryOutputBest use
OriginalRepaired rasterOriginalPNG / WebPExact reviewed appearance
StandardRepaired rasterRaster anti-aliasingPNG / WebPMinor jagged edges
Vector smoothingRepaired rasterFitted vector contourPNG / WebPSmoother raster delivery
SVGReconstructed regionsVector pathsSVGScalable editable assets

Use the same upstream workflow for every mode

1Upload one sourceIcon sheet, AI asset board, or design screenshot.
2Detect multiple iconsCreate independent results before processing.
3Repair each iconInspect background, holes, and edge quality.
4Choose the modeOriginal, Standard, Vector smoothing, or SVG.

Related technical guides