Free Favicon Generator — ICO and PNG Set from Any Image
Upload a logo and get every icon a website needs — favicon.ico, PNG sizes, and apple-touch-icon — zipped with the HTML snippet to paste. Free for 5 sets per day.
The ZIP contains: favicon.ico (16/32/48), favicon-16.png, favicon-32.png, apple-touch-icon.png (180), icon-512.png, and snippet.html with the link tags.
Why one favicon file was never actually enough
A single "favicon.ico" used to cover the whole job, but modern platforms each expect their own icon size for their own context: browser tabs render at 16 or 32 pixels, taskbar shortcuts often want 48, iOS home-screen icons look for a dedicated 180-pixel apple-touch-icon, and Android/PWA install prompts look for something as large as 512 pixels so the icon stays crisp on a high-density display. Skip any one of these and that specific surface falls back to a generic placeholder icon or a blurry upscale of whatever it could find — which is why this tool generates the full set at once rather than a single file.
Because a favicon is viewed so small, the design rules that work for a full logo often work against it here. Fine detail, thin strokes, and small text disappear entirely at 16 pixels — the marks that hold up are bold, simple shapes or a single letter, which is worth keeping in mind before uploading a detailed logo and expecting it to stay legible in a browser tab.
Frequently Asked Questions
What sizes does a website actually need?
A favicon.ico with 16/32/48 px (browser tabs and bookmarks), a 180 px apple-touch-icon (iOS home screen), and a 512 px PNG (Android/PWA). This generator produces all of them plus the HTML to wire them up.
What makes a good favicon image?
A simple, bold mark that survives shrinking to 16 pixels — a letter, symbol, or simplified logo. Fine detail and thin lines disappear at tab size. Non-square images are center-cropped to square automatically.
Where do I put the files on my site?
Upload them to your site's root folder (so they're at /favicon.ico, /apple-touch-icon.png, etc.) and paste the contents of snippet.html into your page's <head>. Most browsers also find /favicon.ico automatically.
Why do I need a separate apple-touch-icon instead of just the .ico file?
iOS specifically looks for a dedicated apple-touch-icon at 180×180 when a user adds your site to their home screen — it ignores favicon.ico for that purpose. Without it, iOS falls back to auto-generating a screenshot-based icon that rarely looks intentional.
Is transparency preserved?
Yes — PNG and ICO output keep alpha transparency, so a logo with a transparent background looks right in both light and dark browser themes.