How to change the color of a logo image

Convert a PNG or JPG logo to SVG to get editable color shapes with clean edges. Open the SVG in your vector editor and set the fills to your new colors.

Drop an image here, or click to browsePNG, JPG, WebP, GIF or BMP · up to 25 MB · paste with CommandVCtrlV

Updated October 21, 2026

Why it happens

Edges are where pixel recoloring breaks

The edge of a logo in an image is a soft blend of the logo color and the background. Hue shifts, color overlays and the magic wand change the solid middle of each shape but leave those blended edge pixels behind, which shows up as a dark or light outline.

In a vector file there are no blended pixels. Each color is a filled shape with a crisp edge, so changing the fill changes the whole shape.

Step by step

Recolor a logo in four steps

  1. Convert the logo to SVG

    Upload the PNG or JPG and download the SVG. Choose Side by side under Download options if you want non-overlapping shapes grouped by solid color.

  2. Open the SVG in your editor

    Figma, Illustrator, Inkscape, Affinity Designer and Canva all open SVG files.

  3. Change each fill

    Select a shape and set its new color. A color can appear in more than one path, so use your editor’s matching-fill selection if you want to recolor every part at once.

  4. Export the versions you need

    Keep the SVG as your master and export PNGs for the web or a PDF for print.

Where to click

Changing the fill in common editors

Each editor calls it something slightly different, but the idea is the same: select the shape, change its fill.

Figma
Select the layer, then change the color under Fill in the right panel.
Illustrator
Select a shape, choose Select > Same > Fill Color, then set the new color. Edit > Edit Colors > Recolor Artwork changes several at once.
Inkscape
Select the shape and open Object > Fill and Stroke.
Canva
Upload the SVG, select it, and use the color swatches in the toolbar.

Tips

Getting a clean recolor

  • For a one-color version, turn on Remove background when downloading, then give the artwork a single fill in your editor. Remove any enclosed pieces that should be holes before recoloring.
  • If two shades you wanted to keep apart came back as one, they were very close in the image. Give that path one of the colors and adjust the other part by hand.
  • Gradients are kept as SVG gradients. Edit their color stops rather than the fill.

FAQ

Questions people ask us

How do I change a logo's color from a PNG?

Convert the PNG to SVG, open it in a vector editor and change the fills. Select all shapes with the same fill when you want to change that color throughout the logo.

Why does recoloring the PNG leave an outline?

The edges of the logo are blended with the old background color. Recoloring the pixels misses those blended edges, while a vector shape has no blended edge to miss.

Can I make a white version of my logo?

Yes. Download with Remove background on, remove any enclosed pieces that should stay empty, then give the artwork a white fill and place it on a dark background.

Helpful next pages

Logo to vectorTurn a logo PNG or JPG into a clean vector SVG. Edit brand colors in your vector editor, and keep the logo sharp at any size.Remove a logo backgroundConvert a logo to SVG and use Remove background when downloading. Keep editable vector paths and export transparent PNGs from your editor when you need them.Make a logo sharperWhy sharpening filters and upscalers leave a logo soft, and how converting it to SVG gives you clean edges at any size.PNG to SVGConvert a PNG to SVG with real, editable vector paths. Transparent backgrounds stay transparent, gradients stay smooth, and you can preview the result before you download.

Ready to recolor your logo?

Upload it, download the SVG, and change one color at a time.

Upload an image