SVG Color Changer — Replace Colors Instantly

Recolor an SVG without opening a design tool. The color changer detects every color used in the file, lets you pick one, choose a replacement, and swaps every occurrence — in fills, strokes, and styles — in a single click, with a live before/after preview.

Features

  • Automatic detection of all colors present in the SVG
  • Replaces every occurrence of the chosen color across fills, strokes, and styles
  • Live preview of the recolored result
  • Perfect for adapting icons to your brand palette or theme

How it works

  1. Paste your SVG — its colors are listed automatically.
  2. Select the color to replace and pick the new color.
  3. Preview the result and copy the recolored SVG.

Frequently asked questions

Can I change multiple colors?

Yes. Apply one replacement, then run another on the output until the whole palette matches your design.

How do I make an icon follow my site theme automatically?

Replace the fixed color with currentColor. The SVG will then inherit whatever CSS color its parent element has, adapting to light and dark themes automatically.

All processing happens locally in your browser — your SVG code is never uploaded to a server.