Tool · SVG Recolor

Re-color any SVG with your palette.

Paste or drop any SVG, set your target palette, map colors one-by-one or auto-assign. Download or copy the recolored result.

#F26B5E→
#FFE5C4→
#3A2E2A→
Original SVG preview
Recolored SVG preview

What is the svg recolor?

SVG Recolor changes the colors inside an SVG file: every fill and stroke is listed, each can be replaced with a new HEX or mapped to a palette, and the edited SVG downloads with the original structure intact.

Recoloring an SVG without opening an editor

The tool parses the SVG, collects every distinct color from fills, strokes, gradients and inline styles, and shows them as swatches. Change a swatch and every element using that color updates. Map the whole set to a palette to restyle an icon set or illustration for a new brand in seconds. Output is clean SVG with your colors and nothing else changed.

SVG Recolor FAQ

How do I change the color of an SVG online?

Upload the SVG here, click the color you want to change, pick a new one and download. Multiple colors can be changed at once.

Does it work with SVGs that use CSS classes?

Yes. Colors defined in style attributes, style blocks and gradient stops are all detected.

Related color tools