Favicon Generator
Turn one image into a complete favicon set with manifest and markup.
File
Result
Your converted file will appear here.
About the Favicon Generator converter
A favicon is no longer one file. Browsers want an .ico, Android wants two PNGs and a manifest, and iOS wants its own touch icon at a size nobody remembers.
Drop in one square image and take away the whole set, already named the way the markup expects, with the tags to paste into your head.
What you get
A `favicon.ico` containing 16, 32 and 48 pixel versions; `favicon-16x16.png` and `favicon-32x32.png`; `apple-touch-icon.png` at 180px for the iOS home screen; `android-chrome-192x192.png` and `android-chrome-512x512.png` for Android and PWA installs; a `site.webmanifest` referencing them; and a `head.html` with the link tags.
Unzip the lot into your site root. The paths in the generated markup assume that, which is the convention every framework already follows.
Only the tags that still matter
The twenty-tag favicon snippets that circulate online are mostly aimed at browsers nobody runs any more. The markup here is five lines, because modern browsers find `/favicon.ico` without being told and read the rest from the manifest.
The one tag genuinely worth keeping is the Apple touch icon, since iOS does not read the web app manifest for its home screen icon.
Start from something big
The largest output is 512 pixels, so anything smaller than that as a source gets scaled up and looks soft. A source below 64px is rejected outright rather than turned into a blurry icon.
An SVG is the ideal input, because every size is rendered from the vector rather than resampled from a bitmap.
Frequently asked questions
Does my source image need to be square?
It should be. A non-square image is fitted inside the square and letterboxed rather than cropped, because guessing which part to cut off usually removes the wrong thing. Crop it square first for a tighter result.
Should I keep the background transparent?
For a browser tab, yes — transparency lets the icon sit on light and dark tab bars alike. For the iOS home screen icon, no: iOS composites transparency onto black, so set a background colour if your mark is dark.
Why is the .ico only up to 48 pixels?
Because that is all it is used for. Larger sizes are served as PNGs, which compress better and are what Android and iOS actually request. Padding the .ico with a 256px image mainly makes the file bigger.
My favicon has not changed in the browser.
Favicons are cached aggressively, often beyond a normal refresh. Try a hard reload, an incognito window, or visiting /favicon.ico directly to confirm the new file is being served.
Is my logo uploaded anywhere?
No. The image is drawn to a canvas in your browser and the archive is assembled there too. Nothing is sent to a server, which matters when the file is an unreleased brand mark.