Favicon generator
Create the icon shown on browser tabs, bookmarks and phone home screens.
Your files are processed directly in your browser. They are never uploaded to a server.
How to use the favicon generator
- 1
Choose to create the favicon from letters/emoji or from an image.
- 2
Adjust shape, colors and padding while watching the preview.
- 3
Press “Generate favicons”, download the ZIP and copy the HTML code.
About this tool
You get favicon.ico (16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), 192 and 512 px Android icons and a ready-to-use site.webmanifest.
For a crisp result, use a square image of at least 512 × 512 px with a simple design: small details disappear at 16 px.
Everything is generated in your browser; your image is never uploaded.
Frequently asked questions
Where do I put the files?
In your site's root folder (where the index is). Then paste the HTML code inside <head>.
Why does the apple-touch-icon have a background?
iOS doesn't support transparent home-screen icons and shows them on black, so it's generated with an opaque background.