How to favicon generator
- Upload a square image at least 512x512 pixels. A simple, high-contrast mark works far better than a detailed logo.
- Optionally pick a background colour — useful if your source has transparency and you want a solid tile on Android.
- Press Generate icon pack.
- Unzip the download into your site root and paste the supplied HTML into your
<head>.
Why this runs in your browser
Almost every other free image tool uploads your file to a server, processes it there and sends it back. Favicon Generator does the work with the Canvas and File APIs that are already built into your browser, so the picture never leaves your device. That is faster for large files, it works on a plane, and it means there is no copy of your photo sitting in somebody's S3 bucket waiting to be deleted by a retention policy.
Frequently asked questions
What sizes do I actually need in 2026?
A modern minimum is favicon.ico (16/32/48 in one file) for legacy, apple-touch-icon.png at 180x180 for iOS, and 192x192 plus 512x512 PNGs referenced from a web manifest for Android and PWA installs. This pack contains all of them.
Where do the files go?
Put them in the root of your site (the same folder as index.html) so that /favicon.ico resolves. Browsers request that path automatically even without any HTML tag.
My new favicon is not showing up.
Favicons are cached aggressively. Hard-reload the page, or open yoursite.com/favicon.ico directly to confirm the file is live, then clear the site data for your domain.
Does the source image have to be square?
It does not have to be, but non-square input gets letterboxed onto a square canvas so nothing is cut off. For the sharpest result, start with a square image.