Convert PNG to SVG with paths you can edit.

Upload a PNG logo, icon or illustration and get back an SVG built from real vector paths, not a PNG wrapped in an SVG file. Transparent backgrounds stay transparent.

Drop an image here, or click to browsePNG, JPG, WebP, GIF or BMP · up to 25 MB · paste with CommandVCtrlV
No image handy? Try one of ours
Transparency keptGradients kept as SVG gradientsNo signup to try
Logo: Original
Logo: Vector
OriginalVector
northpeak-logo.svg1024 × 1024 px PNG · 57.6 KB
Paths
–
Anchor points
–
Gradients
–
SVG size
–
Solid fills in this SVG

Flat brand colors and a wordmark on a solid background. Each non-background color is one path, so you can recolor it in one change.

The short answer

Can you turn a PNG into a real SVG?

Yes, by tracing it. Renaming a .png to .svg, or saving it as SVG from an image editor, only wraps the pixels in an SVG file: it still blurs when enlarged and cannot be recolored shape by shape. Tracing rebuilds every edge as a vector path, so the result scales cleanly and each color can be edited.

Input
PNG, plus JPG, WebP, GIF and BMP, up to 25 MB
Transparency
Transparent areas stay empty in the SVG
Output
SVG with editable colored paths
Gradients
Kept as linear or radial SVG gradients
Text
Traced as letter shapes, not live type

Step by step

How to convert a PNG to SVG

It takes about a minute, and you see the result next to your original before you download anything.

  1. Use the largest PNG you have

    Tracing follows the edges that are in the pixels. An original export beats a screenshot or a copy saved from a chat app.

  2. Upload it

    Drop the file onto the box at the top of this page, browse for it, or paste it from your clipboard.

  3. Compare it with the original

    Drag the divider across the preview and zoom into corners, small text and thin lines, where differences show first.

  4. Download the SVG

    It opens in Figma, Illustrator, Inkscape, Affinity Designer and most cutting software.

PNG or SVG

What changes when a PNG becomes an SVG

The picture should look the same. What changes is what you can do with it.

PNGTraced SVG
EnlargingBlurs past its original sizeStays sharp at any size
RecoloringPixel by pixel, edges includedEditable path fills
TransparencyAlpha channelEmpty space, no background shape
GradientsSmooth pixelsLinear or radial SVG gradients
TextPixelsLetter-shaped paths, not editable type
File sizeGrows with dimensionsGrows with detail; flat artwork stays small

Photos are the exception: they have no clean shapes to trace, so they are better kept as PNG or JPG.

A straight answer

Which PNGs convert well?

The cleaner the shapes in the PNG, the cleaner the SVG.

Converts cleanly

  • Logos, icons and wordmarks
  • Flat illustrations and stickers
  • Exports from design apps, with transparency
  • AI-generated graphics with solid shapes

Check the preview closely

  • Screenshots and tiny thumbnails
  • Photos and photoreal renders
  • Soft drop shadows and glows
  • Very small text

Previewing is free, so the quickest test is to try your file.

Troubleshooting

If the SVG is not quite right

Edges look lumpy

The PNG was probably small or resized. Find a larger original, or export it again from the design file.

A shadow became a solid shape

Soft shadows trace as stepped or gradient shapes. Delete them in your editor, or remove them from the PNG before uploading.

There is a white box behind the artwork

The PNG had a solid white background rather than transparency. Turn on Remove background under Download options and download again. Enclosed white details are kept.

Small text is hard to read

Retype it in your editor using the original font. Tiny letters have few pixels to trace from.

Two similar colors merged

Similar shades may share a path. Recolor or split the path in your editor if you need them apart.

The file is larger than expected

Detailed and photographic images produce many paths. Flat artwork gives much smaller files.

FAQ

PNG to SVG questions

Will my transparent background stay transparent?

Yes. Transparent areas of the PNG stay empty in the SVG, with no background shape added.

Is saving a PNG as SVG the same as converting it?

No. Saving or renaming only wraps the pixels in an SVG file, so it still blurs when enlarged. Converting traces the image into vector paths that scale and recolor cleanly.

Is PNG to SVG good for logos?

Logos with flat colors and clear edges work well. Choose Side by side under Download options for non-overlapping shapes grouped by solid color. Stacked files and artwork with gradients can have several paths of the same color, so select all matching shapes when recoloring.

Can I edit the SVG afterwards?

Yes. You can recolor, move, delete or reshape paths in Figma, Illustrator, Inkscape or Affinity Designer. A color can appear in several paths, depending on the artwork and your chosen layer layout.

Do I need an account?

No. You can upload a PNG, convert it and compare the result with your original without signing up.

Helpful next pages

Image to SVGConvert PNG, JPG, WebP, GIF and BMP images to SVG with real vector paths and smooth gradients. Preview the result next to your original before you download.JPG to SVGConvert a JPG to SVG with clean vector paths. Blurry, compressed JPGs go to our Ultra model, so logos and illustrations come back crisp.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.
SVG for CricutTurn a PNG or JPG into a layered SVG for Cricut Design Space: solid-color shapes, smooth cut lines, and a free preview before you download.

Have a PNG to convert?

Drop it in and compare the SVG with your original before you download.

No signup · Preview before downloading

Updated