Free SVG Recolor Tool

Remap fills and strokes, force a solid brand color, or convert paints to currentColor for CSS-themed icons — all in your browser.

Open the interactive tool

Run SVG Recolor entirely in your browser. Files stay on your device — nothing is uploaded to process this tool.

Change palette and theme paints while keeping path geometry intact.

Detect paints automatically and remap each color to a new hex value.

Force one color across fills, strokes, or both for quick monochrome icons.

Convert paints to currentColor so icons inherit text color in CSS.

See recolored output instantly before you copy or download.

Work from design exports or inline SVG snippets.

Recoloring never uploads your SVG — useful for unreleased brand marks.

Recolor an SVG in three steps

Load your SVG

Upload a file or paste markup that needs a new palette.
Choose a recolor mode

Map colors, force a solid paint, or switch to currentColor.
Copy or download

Preview the result, then take the recolored SVG into your project.

Questions about recoloring SVG

What paints can be remapped?

Fill, stroke, stop-color, and related presentation attributes (including style= values). url(#…) paints and none are left alone.

When should I use currentColor?

Use currentColor when the icon should inherit CSS color (buttons, nav, dark mode). It is ideal for single-tone UI icons.

Will gradients be fully recolored?

Solid stop-color values can be remapped. Complex gradient URLs stay referenced; preview after changes if you rely on multi-stop fills.

Is recoloring private?

Yes. Everything runs locally in your browser.