image Tools
SVG Stroke to Fill
Convert SVG strokes (outlines) into filled paths.
Runs 100% in your browser — your data never leaves this device
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is SVG Stroke to Fill?
In SVG, shapes can be defined by a "stroke" (border line) or a "fill" (interior color). This tool converts strokes into filled paths (outlines), effectively creating a shape that looks identical but is defined by its edges rather than a center line.
How to Use SVG Stroke to Fill
1. Paste your SVG code or upload a file
2. Process the SVG
3. Download the result
Common Use Cases
- Preparing icons for icon fonts
- Ensuring consistent scaling visually
- Merging shapes for boolean operations
- Fixing SVGs for cutting machines (Cricut/Laser)
Frequently Asked Questions
Why convert strokes to fills?
Some platforms (like certain font customizers or cutting software) require closed paths (fills) and do not understand strokes with width.
Related Tools
Image Cropper
Crop, rotate, and resize images online instantly.
Placeholder Image Generator
Generate placeholder images with custom sizes and colors.
Favicon Generator
Generate favicons from text, emoji, or images.
Base64 Image Encoder
Convert images to Base64 strings.
Image Converter
Convert images between PNG, JPG, and WebP formats.