100% local processing - your files and data never leave your browser.
No accounts, no tracking - we don't save your credentials, files, or usage.
Free forever - donations are welcomed, but every tool is and always will be free.
Open in spirit - need a special tools..? Drop a message.
FREE TOOL · NO UPLOAD · NO LIMITS

FAVICON
GENERATOR

Drop one image. Get the complete favicon package - .ico, PNG sizes for every device, Apple touch icon, Android Chrome, PWA manifest, plus the HTML snippet ready to drop in your <head>. All zipped, ready to upload.

Generate Favicon - Free All 54 Tools
SOURCE IMAGE T logo.png · 1024×1024 RESIZE ×6 SIZES FAVICON PACK 16×16 favicon.ico 32×32 favicon-32.png 48×48 favicon-48.png 180×180 apple-touch.png ZIP favicon-pack.zip 7 files · 32 KB
Every Device Covered
Browser tabs, Windows shortcuts, iOS home screen, Android Chrome, PWA splash - 6 sizes plus a multi-size .ico file. One drop, complete coverage.
HTML Snippet Ready
Copy-paste the <link> tags straight into your <head>. We figure out the right rel, sizes, and types. You don't need to remember any of it.
PWA-Ready
Includes a generated site.webmanifest file with your icons, name, theme color, and background. Drop in and your site is installable as a PWA.
Smart Centering
Source image not square? We pad transparent (or your chosen background color) and center it. Your logo never gets stretched or cropped.
One ZIP Download
All seven files bundled into a clean ZIP. Unzip into your site's root, paste the HTML snippet, you're done. Total deploy time: under 60 seconds.
100% Local
All resizing happens in your browser via canvas. Your image never gets uploaded. Safe for unannounced products, NDA logos, anything sensitive.
The Tool

DROP YOUR LOGO

Square-ish image works best. Minimum 256×256, ideally 512+ for sharp Android icons.

favicon-generator.php · ready LIVE

1 - Upload Your Source Image

Drop your logo, or tap to browse
PNG, JPG, WebP, or SVG · stays in your browser
Copied!
Process

HOW IT WORKS

Browser-native canvas resizing + a real .ico binary builder + jszip for packaging. No backend, no upload.

01
Drop your source image
Square ratio is best. Minimum 256×256 - we'll warn if it's smaller. SVG inputs scale perfectly to any size.
02
Resize to all sizes
Each output size renders independently on a canvas with high-quality smoothing. Non-square inputs get padded and centered, never stretched.
03
Pack and download
Files go into a ZIP: the multi-size .ico, six PNG sizes, and the site.webmanifest. Plus an HTML snippet to copy.
FAQ

COMMON QUESTIONS

512×512 or larger is ideal. The largest output (Android Chrome) is 512×512, and downscaling looks much better than upscaling.

Minimum we accept: 256×256. Below that, your 512px Android icon will look fuzzy. We'll warn you if your source is too small.

SVG inputs: best of all, since they scale to any size with no quality loss.

Square ratio: not required - non-square images get padded and centered, but you'll see empty space around the icon. Square logos always look best.

Seven files:
• favicon.ico - multi-size (16/32/48) for browser tabs
• favicon-16x16.png - older browser tabs
• favicon-32x32.png - HiDPI browser tabs
• favicon-48x48.png - Windows pinned shortcuts
• apple-touch-icon.png - 180×180, iOS home screen
• android-chrome-192x192.png - Android home / PWA
• android-chrome-512x512.png - PWA splash screens
• site.webmanifest - PWA manifest file

All files go in your site's root directory - the same folder where your homepage's index.html lives. Then add the HTML snippet (we generate it for you) inside the <head> tag of your homepage and any other pages.

If you want them in a subfolder like /assets/icons/, you'll need to update the paths in the HTML snippet to match.

Different platforms expect different files. Older browsers look for favicon.ico. Modern browsers prefer PNG. iOS picks apple-touch-icon.png when users save your site to their home screen. Android Chrome reads from your manifest. PWAs use the 512×512 for splash screens.

Skipping any of these means a worse experience on that platform - either a blurry icon, the default browser icon, or a generic "no icon found" placeholder. The full set takes 60 seconds to deploy and covers everyone.

Browsers cache favicons aggressively - sometimes for weeks. Three things to try:

1. Force-refresh the page with Ctrl+F5 (Windows) or Cmd+Shift+R (Mac).
2. Clear browser cache for your site and try again.
3. Add a cache-buster: change the link to <link rel="icon" href="/favicon.ico?v=2">. Browsers see the new query string as a new file.

If you don't see your new favicon after force-refresh, the file probably isn't deployed yet - check that https://yoursite.com/favicon.ico opens in your browser.

No. All resizing, encoding, and ZIP packaging happens entirely in your browser using canvas + jszip. Your image never leaves your device. Safe to use with unreleased products, NDA logos, or anything sensitive.