Favicon generator
Get every favicon file a modern site needs, with the code to use them.
DeveloperRuns on your device. Nothing is uploaded.
How it works
Choose a source
Add an image, or switch to text or emoji.
Adjust it
Set padding and background. The previews show it at real size.
Name your app
These go into the web manifest.
Download
Save favicon-package.zip and unzip it into your site's root.
Add the tags
Paste the snippet into your page's head.
Questions
favicon.ico for broad support, apple-touch-icon.png for iOS, and the manifest with its two Android icons. The package includes them all.
iOS fills transparency with black, so we always give this icon a background you choose.
If you have one, yes, because it stays sharp at any size. We'll optimise it and add icon.svg to the package, alongside the fallbacks.
Browsers cache favicons hard. Try a private window, or add a version query to the link.
No. Building your icons happens in your browser, so nothing is sent to a server.
