Generate a complete favicon pack from a single source image: multi-size .ico (16/32/48), apple-touch-icon 180×180, Android 192×192 and 512×512, maskable variants, web app manifest.json, and HTML meta snippet.
Preview
How to Use Favicon Pack Generator in 3 Steps
Configure. Drop a source image (SVG preferred for sharpness; PNG 512×512+ works too). Square aspect ratio avoids cropping.
Process. Pick background color (for transparent PNG source), corner radius, and maskable safe-area percentage (Android 10% recommended).
Export. Download the ZIP containing favicon.ico (multi-size), apple-touch-icon.png, android-chrome-192×192.png and 512×512.png, safari-pinned-tab.svg, site.webmanifest, and HTML snippet to paste in <head>.
Why Favicon Pack Generator on Pixlane
A proper favicon pack covers every surface: browser tabs (16×16, 32×32 ICO), macOS Dock (Apple touch 180×180), Android home screen (192×192, 512×512 with maskable), and PWA installability (manifest.json). Pixlane generates everything from one source image in your browser using HTML Canvas — no uploads, no third-party service, and you get a ready-to-ship ZIP with meta tag HTML.
Full PWA Coverage — Generates every icon modern platforms need: legacy IE tile, Apple pinned SVG, Chrome Android, PWA maskable, Microsoft browserconfig — all in one pack.
Maskable Safe Area — Android's maskable icon spec requires content stay within the center 80% circle. Pixlane visualizes the safe zone and auto-pads your source image.
Ready HTML Snippet — Copy-paste HTML snippet with correct link rel, sizes, and color attributes. Pair with the manifest for PWA installability out of the box.
Client-Side Only — Brand assets stay on your device. Generation uses Canvas + zip-in-browser (no server upload).
Frequently Asked Questions
Why is one favicon not enough?
Different platforms pick different sizes: browsers use 16/32, Apple uses 180×180, Android reads manifest icons. A single 32×32 looks terrible on a Retina display; a single 512×512 wastes bandwidth in browser tabs. A proper pack serves the right size to each platform.
What is a maskable icon?
Android 10+ and PWAs use maskable icons that can be cropped to any shape (circle, squircle, rounded square) while preserving content. The Android spec requires your icon content to fit within a central circle (80% of canvas) so it never gets cropped off.
Do I need all formats?
For basic browser use, just favicon.ico and apple-touch-icon.png are enough. For PWA installability and best cross-device rendering, the full pack ensures crisp icons on every platform. Pixlane generates everything so you can pick what to ship.
Is this tool free?
Yes. Favicon Pack Generator on Pixlane is completely free with no signup required.