SVG Color Swapper

Recolor SVG icons and export CSS variables or Tailwind color tokens — no Figma required, fully in-browser.

100% In-Browser & Private — your data never leaves this device

PeachTools Pro

Batch processing, unlimited files, ad-free.

Join waitlist
Loading tool...

How to use the SVG Color Swapper

  1. Paste SVG markup or drop an .svg file.
  2. Pick new colors for each detected fill/stroke value.
  3. Preview the recolored icon and copy or download the SVG.
  4. Export CSS variables or a Tailwind color snippet for your design system.

FAQ

Does this work offline in my browser?
Yes. Color extraction and replacement run entirely on-device.
Can I recolor a whole icon set?
Free tier is one SVG. PeachTools Pro adds bulk icon-set recoloring.

Related tools

More private, in-browser utilities you might need next.

EXIF & Location Stripper
Strip GPS coordinates, camera model, and timestamps from photos before publishing — canvas redraw, 100% in your browser.

image

Social Aspect Ratio Resizer
Crop one image into LinkedIn, YouTube, X, Instagram, and more exact sizes — private canvas processing in your browser.

image

Favicon & App Icon Pack Generator
Upload one logo and generate favicon.ico, Apple Touch, Android icons, site.webmanifest, and HTML tags — packaged as a ZIP in your browser.

image

Looking for more? Browse all image tools