Favicon Generator
One logo in, one ZIP out: favicon.ico, Apple and Android PNGs, and the HTML to paste.
What you get
favicon.ico (16, 32 and 48 in one file), favicon-16/32/48.png, apple-touch-icon.png (180, iOS home screen), icon-192.png and icon-512.png (Android and PWA), site.webmanifest, and the <link> lines for your head. All in one ZIP.
Best source image
A square PNG of 512px or more, or an SVG. A wide wordmark is centred with empty sides, so a standalone symbol survives 16px far better; letters are unreadable at that size.
Background and corners
Transparent backgrounds look natural in tabs and bookmarks, while iOS may fill transparent areas of home-screen icons with a solid colour (often black), so setting a background is safer there. iOS rounds the corners itself, so the apple-touch-icon is normally left square. iOS, Android and Windows are trademarks of Apple, Google and Microsoft respectively; Keepdesk is not affiliated with, sponsored by or endorsed by them.
Installing
Put the files at your site root (/) and paste the lines from snippet.html into <head>. If the old icon lingers because of caching, add ?v=2 to the URLs.
Tips for common situations
Generate PWA Icons with Manifest
Upload one high-resolution square logo to receive icon-192, icon-512, apple-touch-icon, and a ready-to-use site.webmanifest in a single ZIP. The archive also includes HTML link snippets you can paste directly into your document head without writing any code.
Create iOS Touch Icons with Favicon
Generate a standard 180x180 apple-touch-icon for iOS Home Screen bookmarks with your choice of square, rounded, or circle corners. A multi-size favicon.ico containing 16, 32, and 48px assets is produced simultaneously for desktop browser tabs.
Transparent Favicons for Dark Mode
Use a transparent PNG or SVG as input and set the background to transparent so the icon displays cleanly in both light and dark browser themes. The output also includes a 180px apple-touch-icon for crisp iOS Home Screen shortcuts.
Tried with a sample file
Screens and numbers from actually running this tool with a sample file with no personal data (2026-10-06, Chromium-based browser on a Mac). Results vary with your input and device.
We added one sample photo and received a ZIP containing nine files: favicon.ico, apple-touch-icon.png, icon-192.png, icon-512.png, site.webmanifest, and more. Options include background (transparent or color), padding (0%/8%/15%), and corners (square, rounded, or circle).
The <link rel="icon" …> markup is shown on screen for quick reference. The ZIP also includes a snippet.html file with the same code ready to paste into an HTML head.
Frequently asked
Is the image uploaded?
No. Resizing, ICO packing and zipping all happen in your browser.
Does SVG work?
Any SVG the browser can draw. SVGs that reference external fonts or images may lose those parts.
The ICO doesn't show on an old Windows
PNG-in-ICO is read by modern browsers and recent Windows, but very old environments may only read BMP-based ICOs. Keep favicon-32.png alongside for those.
What exact files are included in the download?
You get a ZIP containing a multi-size favicon.ico, various PNG icons, a web manifest, and the necessary HTML link snippets.
Can I make the edges of my icon rounded?
Yes, you can choose between square, rounded, or circle shapes for your icon.
Does the tool automatically remove the background of my image?
No, it does not remove backgrounds. Please use a background removal tool first if you need a transparent source.
Is it possible to add padding around the image?
Yes, you can apply 0%, 8%, or 15% padding to ensure your icon isn't cut off at the edges.