Free favicon generator — favicon.ico and PNG, made in your browser

Design a favicon from an uploaded image, a letter, or a symbol, and download a ready-to-use pack: a multi-resolution favicon.ico encoded right in your browser, crisp 16×16 and 32×32 PNGs, and a 180×180 apple-touch-icon. Your artwork never leaves your machine.

WHY THIS ONE

Real .ico encoding
The favicon.ico bundles 16, 32, and 48px renders in one file, encoded client-side — the format browsers have understood since forever.
Sharp at tiny sizes
Each size is rendered from vectors and canvas at its exact pixel grid, not downscaled from one big image, so 16px stays legible.
Copy-paste install
The export README includes the exact <link> tags for your <head> — drop the files in /public and paste two lines.

WHAT GETS EXPORTED

filesize
web/favicon-16x16.png16×16px
web/favicon-32x32.png32×32px
web/apple-touch-icon.png180×180px
web/favicon.ico16px + 32px + 48px

Every export also includes a README with install instructions and an icon-config.json you can re-import to keep editing later.

FAQ

What sizes does a favicon need in 2026?
A multi-resolution favicon.ico with 16, 32, and 48px entries covers legacy browsers and Windows, while 16×16 and 32×32 PNGs serve modern tabs and a 180×180 apple-touch-icon covers iOS home screens. This generator exports all of them at once.
Should I use .ico or .png for my favicon?
Both: favicon.ico at the site root is still the most universally supported, and PNG <link> tags give modern browsers sharper renders. The exported pack includes the two PNG sizes plus the .ico.
Is my logo uploaded anywhere?
No. Rendering and .ico encoding happen locally in your browser with the Canvas API — there is no server, no upload, and no account.
How do I add the favicon to my site?
Copy the exported web/ files into your public folder. favicon.ico is picked up automatically from the site root; the included README shows the <link> tags for the PNG and apple-touch-icon variants.

MORE TOOLS