PNG to SVG Converter and Favicon Generator
Turn a PNG or JPG logo, icon or drawing into a clean, scalable SVG in seconds. You can also open any SVG to view it and save it as a sharp PNG, JPG or WebP at any size, and build a complete favicon set (favicon.ico, Apple and Android icons and the HTML tags) from an image, SVG or a letter. Everything runs in your browser; your files are never uploaded.
Free · No sign-up
How to use it
- Pick a tool: PNG / JPG to SVG, SVG viewer and SVG to PNG, or Favicon and ICO generator.
- To vectorise, choose your image, then set the number of colours, detail and smoothing until the SVG matches. Use black and white for signatures and line art.
- To convert an SVG, open the file or paste the code, pick PNG, JPG or WebP, a size (1×, 2×, 4× or a custom width) and a background, then download.
- For a favicon, use your logo, an SVG or a letter or emoji, set shape, colour and padding, then download the ZIP with favicon.ico, PNG icons, the web manifest and the HTML tags.
Why use this tool
True vector tracing
Your image is turned into real SVG paths, not a PNG wrapped in an SVG, so it stays sharp at any size and can be edited.
Colour and black-and-white
Trace logos with 2 to 16 colours, or signatures and line art in black and white with an adjustable threshold.
SVG to PNG, JPG and WebP
View any SVG, check its size and viewBox, and export it at 1×, 2×, 4× or any width up to 8,192 px.
Complete favicon set
favicon.ico with up to 7 sizes, 16 and 32 px PNGs, Apple touch icon, Android icons, site.webmanifest and ready-to-paste HTML.
Icons from a letter
No logo yet? Make a favicon from a letter or emoji with your colours and a square, rounded or round shape.
Private
Images are processed on your device. Nothing is uploaded, and the tool keeps working offline once the page has loaded.
How PNG to SVG conversion works
A PNG or JPG is a grid of coloured pixels; an SVG describes shapes with lines and curves. To convert one into the other, the tool first reduces the image to a few flat colours, then traces the outline of each coloured area and smooths the edges into curves. This is called vectorising or image tracing.
It works best on logos, icons, clip art, text, signatures and drawings with clear edges. Photos have thousands of colours and soft gradients, so they turn into a poster-like image; for photos, keep the PNG or JPG.
- Start with the largest, sharpest version of your image.
- Use as few colours as the design really has; fewer colours give a cleaner, smaller SVG.
- Raise Detail for small text and fine lines; lower it for smoother shapes.
- Turn on Remove background for logos on a white or coloured square.
Favicon sizes you need in 2026
Browsers, phones and search engines look for different icon files. This set covers all current browsers, Google search results, iPhone and iPad home screens and Android:
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16, 32, 48 px | Every browser, Windows, Google search results |
| favicon.svg | Scalable | Modern browsers, sharp at every zoom level |
| favicon-32x32.png | 32 × 32 px | Browser tabs on high-resolution screens |
| apple-touch-icon.png | 180 × 180 px | iPhone and iPad home screen |
| android-chrome-192x192.png | 192 × 192 px | Android home screen |
| android-chrome-512x512.png | 512 × 512 px | Android splash screen and installed web apps |
SVG vs. PNG: which to use
Use SVG for logos, icons and illustrations on websites: it is sharp on every screen, usually smaller, and can be styled with CSS. Use PNG when a platform does not accept SVG, as with most social networks, email clients, Word and many online forms, or for screenshots and images with fine detail. Converting SVG to PNG at 2× or 4× gives crisp results on high-resolution screens.
Frequently asked questions
How do I convert a PNG to SVG?
Choose PNG / JPG to SVG, open your image, adjust the number of colours and the detail until the preview looks right, then click Download SVG.
Is the SVG a real vector or just an embedded image?
A real vector. Every colour area becomes an SVG path, so you can scale it without blur and edit it in Illustrator, Inkscape, Figma or Canva.
Can I convert a JPG to SVG?
Yes. JPG, WebP, GIF and BMP work the same way as PNG. Because JPG adds blur around edges, use a few colours and turn on Remove small specks for a clean result.
How do I convert SVG to PNG?
Choose SVG viewer and SVG to PNG, open the SVG or paste its code, choose a size and background and click Download image. You can also save as JPG or WebP.
How do I make a favicon.ico?
Open the Favicon and ICO generator, choose a square image, SVG or letter, then click Download favicon.ico, or download the ZIP for the full set with the HTML tags.
Where do I put the favicon files?
Upload them to the root folder of your website, so that /favicon.ico opens in the browser, and paste the HTML tags into the <head> of every page. On WordPress, you can also set a Site Icon under Appearance › Customize.
Are my images uploaded?
No. All conversion happens in your browser. Your files never leave your device.
How to vectorize a logo and get a clean SVG
Related tools
Need something built?
Tell us what you want to create.
Tell us what you need built, from a simple website to a complete app, AI solution, automation, or custom system.