Color & Design
How to Recolor and Fill an SVG
Recolor SVG shapes and paths with smart color mapping, swapping fills and strokes visually.
The SVG filler makes it easy to recolor shapes and paths with smart color mapping. Instead of editing markup by hand, you swap colors visually. This guide shows you how.
What it does
It detects the colors used in your SVG and lets you remap each one, so you can rebrand an icon or match a palette in seconds.
How to recolor an SVG in 3 steps
Step 1: Open the filler
Go to the SVG filler.
Step 2: Upload your SVG
Upload the file. The tool lists the fills and strokes it finds.
Step 3: Remap colors and download
Assign new colors to each shape and export the recolored SVG.
Frequently asked questions
Can I match a specific palette?
Yes. Paste hex codes from the palettes or extractor tools to match a brand.
Is it free?
Yes. Recoloring and downloading SVGs is free.
fill svgrecolor svgsvg colorscolor mapping