PNG to Favicon Generator
Get the whole favicon set from one image — multi-size favicon.ico, apple-touch-icon, PWA icons, manifest and the <link> tags to paste in. One click, right in your browser.
A favicon is no longer just one file
It used to be enough to drop a favicon.ico in your site root. In 2026 a browser may ask for any of several icons depending on where your site shows up — a 16px tab, a 32px bookmark, a Windows shortcut, an iOS home screen, an Android app drawer, a PWA splash screen. That is why the package option here gives you the full set rather than a lone .ico. Keep the artwork simple and high-contrast; fine detail disappears at 16px.
What is in the package
favicon.ico
Multi-size (16/32/48/256) in one file — browser tabs, bookmarks and Windows shortcuts, including older browsers that still expect an .ico.
favicon.svg
Scalable and crisp at any size. Only included when you upload an SVG — a real vector icon cannot be conjured from a bitmap, and we will not fake one.
apple-touch-icon.png
180×180 for iOS home screens. Flattened onto white, because iOS composites transparent icons on black.
icon-192 · icon-512 + manifest
Android home screen, PWA install prompts and splash screens, wired up in a ready site.webmanifest.
Add it to your site
Unzip into your site root and paste these into your <head> — the same snippet ships in the package’s README.txt:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Ship it, hard-refresh, and your icon appears everywhere. Only need the one file? Switch the output to Just the .ico.
Related converters
Frequently asked questions
What files do I need for a favicon in 2026?
A multi-size favicon.ico (16/32/48), an SVG if you have a vector source, a 180×180 apple-touch-icon for iOS, and 192/512 PNG icons declared in a web manifest for Android and PWAs. The package option here generates all of them plus the <link> tags.
Where do I put these files?
Unzip them into your website root. Most browsers find /favicon.ico on their own, but declare the rest explicitly with <link rel="icon" href="/favicon.ico" sizes="32x32"> and the other tags from the package’s README.txt.
Is my image uploaded?
No — the favicon is generated in your browser and never leaves your device.
Is it free?
Yes, unlimited and free, with no sign-up or watermark.