Favicon & App Icon Generator
Upload one image and download a ready-to-use set of favicons and app icons — 16×16, 32×32, 180×180, 192×192, and 512×512 — packed in a single ZIP.
Drop your icon image here
or click to browse · JPG, PNG, WebP · square recommended
Choose imageWhy you need multiple favicon sizes
Browsers and operating systems request favicons at different resolutions depending on context: the browser tab uses 16×16 or 32×32, iOS home screens request 180×180 for the Apple touch icon, and Android/Chrome PWA manifests specify 192×192 and 512×512 for the home screen and splash screen respectively. Providing all five sizes ensures crisp rendering in every context without browser upscaling artefacts.
A single square source image — ideally at least 512×512 pixels, with clear subject matter centred and not touching the edges — is enough to generate the full set. The generator downscales using Canvas bicubic interpolation, which produces sharp icons from photographic sources, logos, and illustrated marks alike. At 16×16 and 32×32, simplicity wins: intricate detail becomes a blur, so designs intended for small sizes should be bold and minimal.
All processing happens locally in your browser: no file is uploaded, no account is required. The resulting ZIP contains five PNG files named for their standard use cases, ready to drop into your project's public/ directory.
Frequently asked questions
A square PNG or WebP with a transparent or solid background, at least 512×512 pixels. The subject should be centred with clear margins. Complex logos with fine lines may lose detail at 16×16 — consider a simplified version for small sizes.
Five PNG files: favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), icon-192.png, and icon-512.png. These cover standard browser favicons, iOS home screen icons, and Android/PWA manifest icons.
Put the files in your public/ directory (or equivalent static root), then add to your <head>: <link rel="icon" sizes="16x16" href="/favicon-16x16.png">, <link rel="icon" sizes="32x32" href="/favicon-32x32.png">, <link rel="apple-touch-icon" href="/apple-touch-icon.png">. For PWA support, add the 192×192 and 512×512 entries to your manifest.json.
Not currently — modern browsers have supported PNG favicons for over a decade. If you need a .ico file for legacy support (primarily IE and very old Electron versions), you can convert the 32×32 PNG to .ico using a dedicated converter.