What favicon sizes do I need?

At minimum: 16×16 and 32×32 for browser tabs, 180×180 for Apple Touch Icon, and 192×192 + 512×512 for PWA manifests. This preset generates all five.

Should I use PNG or SVG for favicons?

PNG is universally supported. SVG favicons work in modern browsers (Chrome 80+, Firefox 41+) but aren't supported by Safari or older browsers. Use PNG for maximum compatibility.

Do I need separate files for each size?

For the best results across all platforms, yes. A single .ico file can contain multiple sizes, but the apple-touch-icon and PWA manifest icons require separate PNG files at exact dimensions.

Favicon Placeholder Images — All Required Sizes

A complete favicon implementation requires multiple PNG sizes for different contexts: browser tabs, bookmarks, Apple home screen shortcuts, and PWA splash screens. This preset generates all five standard favicon sizes so you can test icon display and PWA manifest configuration before the final logo is ready.

Size reference

Name	Dimensions	Description
favicon	16x16	Browser tab favicon — 16×16px, the smallest required size displayed in browser tabs
32x32	32x32	High-DPI tab favicon — 32×32px, displayed in retina browser tabs and bookmarks
180x180	180x180	Apple Touch Icon — 180×180px, used by iOS and macOS when saving to home screen
192x192	192x192	PWA icon — 192×192px, required in the Web App Manifest for Android home screen
512x512	512x512	PWA splash icon — 512×512px, required for PWA installation prompts and splash screens

Why these sizes matter

Browser tabs display favicons at 16×16 or 32×32px. Apple devices request a 180×180px apple-touch-icon for home screen shortcuts. Chrome PWA manifests require 192×192 and 512×512 icons for installation prompts and splash screens. Missing any size causes a browser fallback to a blurry scaled version. Using correctly sized placeholders lets you verify your `<link>` tags and `manifest.json` configuration work before the designer delivers the final icon.

Use cases

PWA manifest testing

Add placeholder 192×192 and 512×512 PNGs to your manifest.json and test PWA installation on Android before the final icon is ready.

New project scaffolding

Start a new project with a complete favicon set immediately. Replace the placeholders with real icons when the brand identity is finalized.

CI favicon validation

Commit the placeholder favicon set to your repository and test that all <link rel='icon'> and manifest.json references resolve correctly in automated tests.

FAQ — Frequently asked questions

What favicon sizes do I need?: At minimum: 16×16 and 32×32 for browser tabs, 180×180 for Apple Touch Icon, and 192×192 + 512×512 for PWA manifests. This preset generates all five.
Should I use PNG or SVG for favicons?: PNG is universally supported. SVG favicons work in modern browsers (Chrome 80+, Firefox 41+) but aren't supported by Safari or older browsers. Use PNG for maximum compatibility.
Do I need separate files for each size?: For the best results across all platforms, yes. A single .ico file can contain multiple sizes, but the apple-touch-icon and PWA manifest icons require separate PNG files at exact dimensions.

Ready to generate Favicon Kit (PNG) placeholder images?

Open the generator with this preset pre-loaded and download your pack in seconds.

Open Favicon Kit (PNG) in PlacePack →