Generate a complete favicon package from one image: 20+ icon sizes for all platforms (iOS, Android, PWA, Windows), favicon.ico, site.webmanifest, browserconfig.xml, and HTML tags — all in one ZIP.
Drop an image here or click to select
Supports PNG, JPG, SVG — square images recommended (512×512+)
The Favicon Pack Generator is a comprehensive tool that creates a complete set of favicons for every platform and device from a single source image. Unlike basic favicon generators that only produce a few sizes, this tool generates 20+ icon variants covering browser tabs, Apple iOS devices, Android Chrome, Progressive Web Apps (PWA), and Microsoft Windows tiles. It also generates the favicon.ico multi-resolution file, site.webmanifest for PWA support, browserconfig.xml for Microsoft Edge and IE, and all necessary HTML <link> tags.
Essential terms and definitions related to Favicon Pack Generator.
Short for "favorite icon" — the small image displayed in browser tabs, bookmarks, history, and search results next to your website name. Modern favicons require multiple sizes and formats to display correctly across different browsers, operating systems, and devices.
A web application that uses modern web capabilities to deliver an app-like experience. PWAs require a web app manifest (site.webmanifest) with icon declarations for install prompts, splash screens, and home screen icons on mobile devices.
A PNG image used by iOS Safari when a user adds a website to their home screen. Apple devices use specific sizes (180×180 for modern iPhones) and expect the file to be named apple-touch-icon.png or declared via a <link rel="apple-touch-icon"> tag in the HTML head.
The basic Favicon Generator creates 6 essential icon sizes. The Favicon Pack Generator creates 20+ sizes covering every platform: 5 browser sizes, 10 Apple Touch Icon variants, 2 Android Chrome icons, 1 PWA splash icon, 5 Microsoft tile sizes, plus the ICO file, site.webmanifest, browserconfig.xml, and comprehensive HTML tags. It is the all-in-one solution for full cross-platform favicon coverage.
Upload a square image of at least 512×512 pixels. PNG with a transparent background is ideal for logos. SVG files also work well because they scale without quality loss. Non-square images will be scaled to fit, which may cause distortion — crop to square before uploading for best results.
browserconfig.xml is an XML configuration file used by Microsoft Edge and Internet Explorer to define tile images and colors for the Windows Start menu and taskbar. When a user pins your website, Windows uses these tile images to create a branded live tile. Place the file in your site root directory.
For maximum compatibility across all devices and platforms, yes. However, if you only target modern browsers, the essential sizes are: favicon.ico (16/32/48), apple-touch-icon.png (180×180), and android-chrome-192x192.png + android-chrome-512x512.png for PWA support. The generated HTML tags reference all sizes, and browsers will select the most appropriate one.
No. All image processing happens entirely in your browser using the HTML5 Canvas API. Your image never leaves your device — no uploads, no server processing, no data collection. The ZIP packaging also runs locally using JavaScript.
Common errors developers encounter and how to resolve them.
Some icons appear blurry at small sizes Small icons (16×16, 32×32) have very limited pixel space. If your logo has fine details, consider using a simplified version specifically for favicons. Logos with simple shapes and strong contrast work best at small sizes. Upload the highest resolution source image possible (512×512 minimum) for best downscaling quality.
PWA install prompt not showing icons Verify that: (1) site.webmanifest is saved in your site root and accessible via HTTPS, (2) the manifest is linked in your HTML <head> with <link rel="manifest" href="/site.webmanifest">, (3) icon files are in the root directory and have correct filenames, (4) icons are served with the correct MIME type (image/png). Use Chrome DevTools > Application > Manifest to debug.