Icons

Favicon Converter

Details

How to use Favicon Converter

What the tool does, how to run it, and what to expect from the result.

How to convert an image to a favicon

To create a favicon, load one PNG, JPG, SVG, or WebP image and export. The Favicon Converter generates favicon.ico together with the core web icon PNG sizes, then packages them into a single ZIP you can drop into your site.

Starting from a clean, roughly square source gives the best result, since favicons are small. Once exported, add favicon.ico and the PNG icons to your site root or reference them in your HTML head as usual.

  • Load a PNG, JPG, SVG, or WebP image
  • Generates favicon.ico and core PNG sizes
  • Downloads everything as one ZIP
  • Runs fully in the browser

What's in the favicon bundle

The Favicon Converter focuses on the favicon and core web-icon layer rather than a full mobile app icon pack. The ZIP includes favicon.ico and the common PNG sizes most websites and landing pages need, which covers typical browser tab and bookmark use.

It accepts the source formats founders and frontend teams usually already have, including vector SVGs, so you do not have to convert to PNG first. For most small sites and landing pages, this bundle is everything you need to set a proper favicon.

  • favicon.ico for broad browser support
  • Core PNG icon sizes for the web
  • Accepts vector and raster sources
  • Focused on web icons, not a full app pack
Tips

Getting a better result out of Favicon Converter

Specific settings and thresholds, not general advice.

  • The ZIP contains six PNGs and one ICO: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png at 180, android-chrome-192x192.png, android-chrome-512x512.png, and a favicon.ico that packs only 16, 32, and 48, which are the sizes browsers actually request.
  • iOS does not respect transparency in a home-screen icon. A transparent apple-touch-icon composites onto black, so set the background to white or a brand hex before exporting if anyone might add your site to their home screen.
  • An SVG source is rasterized before anything else, at a render size between 512 and 2048 pixels based on the SVG's declared dimensions. The ZIP contains PNGs only, so if you also want a modern SVG favicon you have to add icon.svg to your site yourself.
  • Fit letterboxes the source inside the square and Fill crops to cover it. A wide wordmark on Fill loses its ends. Use a square mark, not the full lockup, and remember that at 16 pixels only a single glyph or a simple shape reads at all.
  • The 512 PNG is not for browsers. It is the Android and PWA install icon, which is why the pack includes it even though no browser tab will ever request it.
Limits

What Favicon Converter does not do

The honest boundary, so you do not lose time finding it yourself.

  • No HTML <link> snippet is generated. You still add the tags yourself.
  • No site.webmanifest in this ZIP. The App Icon Pack Generator is the one that emits a manifest.
  • No maskable or safe-zone padded variant for Android, and no dark-mode SVG favicon.
  • One source image per run, and an SVG source is rasterized rather than passed through.
Reference

Terms used on this page

Short, plain-language definitions for the formats and settings above.

At a glance

Who Favicon Converter is for

A quick way to understand who this helps, what it solves, and where it connects next.

Best fit

Founders, indie hackers, and product teams shipping site icons quickly from one source image.

Ideal for

Generating the core favicon files from one image without building a full app icon pack.

FAQ

Common questions

Short answers for the questions people usually have before trying a utility like this.

Does this include favicon.ico?

Yes. The ZIP includes favicon.ico along with the core favicon PNG sizes.

Is this a full app icon pack?

No. The Favicon Converter focuses on the favicon and web-icon layer rather than the broader mobile app asset pack.

What input formats does it accept?

It accepts PNG, JPG, SVG, and WebP source images, so you can start from vector or raster files.

Does this upload my image?

No. The Favicon Converter runs entirely in your browser, so your image is never uploaded.

Is the Favicon Converter free?

Yes. It is free to use, private, and fully client-side with no sign-up.

What exactly is in the ZIP?

favicon.ico containing the 16, 32, and 48 pixel entries, plus six standalone PNGs: 16, 32, 48, apple-touch-icon at 180, and Android Chrome icons at 192 and 512. That is the practical set a small site or landing page needs.

What HTML do I need to add?

The ZIP does not include the snippet, so at minimum drop favicon.ico at your site root, where browsers find it without any tag, and add a link for the apple-touch-icon and the 32 pixel PNG. The Android 192 and 512 icons are only picked up when they are referenced from a web app manifest.

Should the favicon have a transparent background?

For the browser tab, transparent is fine and often better, since it adapts to light and dark tab bars. For apple-touch-icon.png it is a problem, because iOS composites a transparent home-screen icon onto black. If you expect home-screen installs, export with a solid background.

I fed it an SVG. Why are there no SVG files in the ZIP?

Because the pack is a raster bundle. The SVG is rendered to a bitmap first and every output is a PNG or an ICO. A modern SVG favicon, referenced with rel="icon" type="image/svg+xml", is worth adding by hand alongside this pack, and it is the only one that stays sharp at any size.

Is my logo uploaded to build the bundle?

No. Every size is rendered on a canvas in your browser, the ICO container is assembled locally, and the ZIP is built in the tab. The image never leaves your machine.

Recommendations

You Might Also Like

Nearby tools from the catalog that fit the same job or workflow.

Cleanor app

Do it all on your device

Cleanor puts these tools in one app: compress and convert images, video, and audio, work with PDFs, and scan text right on your device. Plus free up storage and clear inbox clutter with Email Cleaner. Start with a free trial.

  • iPhone
  • Android
  • Macsoon
  • Windowssoon