Favicon Generator
Create favicon.ico, Apple touch and Android icons plus the HTML, from one image.
Drop your logo or icon
Square PNG or SVG, ideally 512 px or larger
Files are processed on this device. Nothing is uploaded.
How to use Favicon Generator
- Add a square logo (PNG or SVG works best).
- Set padding and background.
- Select Generate favicons, download the ZIP, upload the files to your site root and paste the HTML into your <head>.
How it works
The set covers current browsers and devices: favicon.ico containing 16, 32 and 48 px images (PNG-compressed, supported by all modern browsers and Windows), PNG favicons, a 180 px apple-touch-icon.png for iOS home screens, 192 and 512 px Android icons and a site.webmanifest that references them.
Images are scaled down in high-quality steps. Small sizes lose fine detail, so simple, bold shapes make the best favicons. If your logo has thin lines, try a simplified mark for the 16 and 32 px sizes.
Frequently asked questions
What sizes does a favicon need in 2026?
A favicon.ico (with 16, 32 and 48 px images) or an SVG icon for browsers, a 180×180 apple-touch-icon for iOS, and 192 and 512 px icons in a web manifest for Android and installable web apps.
Where do I put the files?
In the root folder of your website, so they are available at /favicon.ico, /apple-touch-icon.png and so on. Then paste the HTML tags into every page’s <head>.
Why does iOS show a black background?
iOS does not support transparency in touch icons. Turn off "Transparent background" and choose a colour.
Is my logo uploaded?
No. Everything is generated in your browser.
Limitations
- Animated favicons are not supported.
- Non-square images are centred, leaving empty space on two sides.
Last reviewed November 9, 2026. How we build and test tools.