Convert stroke-based SVG icons to fill-based paths. Ensures icons scale perfectly at any size without stroke-width distortion. Essential for icon font generation.
Requires a Developer subscription — the highest tier.
Tool locked — preview only
Tool locked — Developer plan only
Up to 2 GB per file · unlimited batch · runner acceleration · priority MCP
Upload your stroke-based SVG icon
The tool expands each stroked path to a filled outline path
Download the filled SVG — stroke-width independent, scales perfectly
0 bytes uploaded. Stroke-to-Fill Converter runs entirely in your browser using the DOM API and Canvas. Your SVGs never leave your device.
Stroke-based icons can appear inconsistent when scaled — a 1px stroke looks different at 16px vs 64px. Converting to fills makes the rendered weight consistent at any size.
The tool handles stroke-linecap (round, butt, square) and stroke-linejoin (miter, round, bevel) properties when expanding paths.
Yes. Icon font generators require filled paths. Converting strokes to fills is a mandatory step before generating .ttf or .woff icon fonts from SVG.
Remove XML comments, redundant attributes, empty tags, and unnecessary namespaces from SVG files. Browser-only, zero upload — achieve 40–70% size reduction.
Open toolReduce the number of control points in SVG paths using the RDP simplification algorithm. Smaller paths, faster rendering, lower file size — with configurable quality.
Open toolMissing or wrong viewBox breaks SVG scaling. This tool computes the actual bounding box of all SVG elements and sets the correct viewBox automatically. Free.
Open tool