Generate the perfect favicon.
Drop your logo. Get back favicon.ico, Apple Touch, PWA icons, manifest, and ready-to-paste <head> tags.
Where your favicon ends up
Built for real-world favicons
No hard decisions
With so many platforms and icon sizes, it's hard to know exactly what to ship. We did the research — drop your logo, get every file you need.
Done in 1 minute
You spent hours on design. How much time left for the favicon? Not much. Drop, customize, download — under a minute, every time.
Modern + legacy
Real multi-size ICO (16/32/48), Apple Touch for iOS, 192/512 maskable PWA icons for Android, plus the SVG-ready manifest.
Instant preview
How will Android crop my icon? How will iOS round the corners? No more guesswork — the tool previews every output before you commit.
Favicon for Google
Google shows your favicon next to every search result. Our output meets the 48×48 minimum Google requires for the SERP chip.
Copy-paste HTML
Not just icons — the exact <link> tags ready to paste into your <head>, plus a manifest.webmanifest with clear instructions.
Everything about favicons
Not just a generator — a complete reference for what favicons are, why they matter, and which files modern browsers expect.
What is a favicon?
The favicon is the small icon you see in browser tabs, bookmarks, and increasingly in Google search results. It was introduced by Internet Explorer 5 in 1999 — the name itself is a contraction of "favorites icon".
Today the favicon serves far more than the tab. It shows up on Android home screens when users save a shortcut, in iOS Safari's tab strip, in Chrome's history panel, and most importantly in Google SERP listings where it sits next to your domain on every search result.
Why your site needs a favicon
A favicon is a branding asset. It's often the very first visual element a visitor encounters — the tab icon loads before the page even renders. Even if a visitor bounces in 3 seconds, they noticed the favicon.
That impact is amplified by Google search. Since 2020, Google shows favicons next to result titles on mobile. A clean, recognisable favicon visibly raises CTR on every listing you rank for — a real SEO signal you can't buy.
Understanding favicon elements
A modern favicon is no longer a single image — it's a package of files designed for different platforms:
- favicon.ico — the legacy multi-size container (16/32/48). Still required by Windows and used when browsers display a PDF preview icon from your domain.
- icon.png / icon-512.png — modern PNG favicons, sharper than ICO at small sizes and eligible for Google's search-result chip.
- apple-icon.png (180×180) — Apple Touch icon used by iOS Safari when a user adds your site to their home screen. Renders as a rounded square.
- icon-192.png / icon-512.png — Android and PWA icons declared in your manifest. Used when Android Chrome users tap "Add to home screen".
- manifest.webmanifest — JSON file that wires the icons into a Progressive Web App so Android treats your site like a real installable app.
This generator produces every file in the list, plus the exact HTML <link> tags to paste into your <head>. Drop the files into your /public folder, paste the HTML, ship.
Frequently asked questions
How do I create a favicon for my website?
Drop your logo image (PNG, JPG, WebP, or SVG) onto this page. The tool generates favicon.ico, icon.png for desktop browsers, icon-192.png and icon-512.png for Android/PWAs, and apple-icon.png for iOS. Download the ZIP, drop the files into your /public folder, and paste the HTML snippet into your <head>.
Can I convert PNG to ICO with this tool?
Yes. The tool encodes a real multi-size ICO container with 16×16, 32×32, and 48×48 frames stored as PNG inside — the format Windows Vista and every later OS use. Drop your PNG, download the favicon.ico, you're done.
What size should my source logo be?
512×512 is the recommended minimum so the largest generated icon (512×512 for PWAs) stays sharp without upscaling. Higher is fine — the tool downscales as needed. Smaller sources still work, but the 512px output may look soft.
Is this an alternative to realfavicongenerator.net?
Yes — it generates the same essential files (favicon.ico, Apple Touch icon, 192/512 PWA icons, HTML snippet, manifest) without uploading your logo to a third-party server. Everything happens locally in your browser.
Why is the Apple Touch icon white in the background?
iOS used to render transparent home-screen icons as black squares, and some Safari versions still do. The tool fills the apple-icon.png background with a solid colour you can pick (defaults to white) so your icon looks correct on every iPhone and iPad.