Favicon generator · free · in your browser · nothing uploaded

A complete favicon set from one logo.

Drop your logo (PNG, JPEG, WebP, GIF or BMP), wait for the result, then press Build favicons (.zip). You get favicon.svg (when the logo traces faithfully), favicon.ico with 16, 32 and 48 px entries, apple-touch-icon.png at 180 px on an opaque background, icon-192.png, icon-512.png, a maskable 512 px icon with the safe zone, site.webmanifest and the <head> lines to paste.

Every file a browser asks for, in the sizes Safari, Chrome, Android and Windows actually fetch — no 50-file archive of icons nobody requests.
An SVG favicon when it is safe. It is included only when the traced drawing matches your logo closely enough (the fidelity gate); a photo or gradient mark gets PNG icons only, so your tab never shows a mangled drawing.
Private. The ICO packer, PNG encoder and manifest run in your browser. Nothing is uploaded.

Drop your logo here, paste it, or choose a file Square or near-square works best; 512 px or larger gives the sharpest icons.

Mode Tracer preset Alt text Also use this logo as the main picture at the top of the page (the LCP image) → fetchpriority="high"

Tracer and encoder knobs

Filter speckle 4 px Colour precision 6 bits Gradient step 16 Corner threshold 60° Simplify 0 px (0 = preset) SVGO precision 2 decimals AVIF quality 45 WebP quality 75 Curve mode

Changing a knob re-runs the conversion on the current image.

Your favicon set

Build the files

favicon.svg (when the trace is faithful) · favicon.ico 16/32/48 · apple-touch-icon.png 180 · icon-192.png · icon-512.png · icon-512-maskable.png · site.webmanifest · head.html — built here from the logo above; nothing is uploaded.

Original

Result

Zoom 1× Show Checkerboard behind transparency

Outputs with file size, compressed size, closeness to the original and time to make
Output	File size	Compressed	Closeness	Similarity	On a phone	Time to make	Download

Markup for the logo itself

Favicons · FAQ

Which files, and why these

Which files does a modern site actually need?

An SVG favicon for current browsers, a 16/32/48 favicon.ico for everything else and for pinned tabs, a 180 px apple-touch-icon.png for iOS home screens, 192 and 512 px PNGs for Android and PWA installs, a maskable 512 px icon so adaptive icon shapes do not crop your mark, and a site.webmanifest that lists them. That is the set this page builds, plus the <head> lines.

Why is there no favicon.svg in my zip?

Because the trace did not pass the fidelity gate — photos, gradients and fine text do not vectorise well, and an SVG favicon that looks wrong is worse than none. The PNG and ICO files are built from your original pixels either way.

What is the "maskable" icon?

Android and some launchers crop icons into circles or squircles. The maskable version keeps your mark inside the central safe zone on an opaque background so nothing is clipped. The manifest marks it purpose: "maskable" so the plain 512 px icon is still used elsewhere.