Upload any image and get a complete favicon package: a multi-size favicon.ico, PNG icons in standard sizes for Android and PWA, an apple-touch-icon for iOS home screens, and a site.webmanifest file. A README explains exactly how to add them to your HTML. Everything is bundled in a ZIP file ready to drop into your website root. Processing runs in your browser — your logo never leaves your device.
Drop files here
or browse to upload
Up to 10.0 MB per file
Upload your logo or icon
Drop a square image (PNG recommended) for best results. Square source images produce the cleanest favicons. Non-square images will be resized to fit each icon size.
Generate the favicon pack
Click Convert to generate the full icon set: favicon.ico (16/32/48/64/128/256px), icon-32x32.png, apple-touch-icon.png (180×180), icon-192x192.png, icon-512x512.png, and site.webmanifest.
Download the ZIP
All files are bundled into a ZIP archive. Extract it and upload all files to the root directory of your website (same level as index.html).
Add the HTML tags
Copy the link tags from the included README.txt into your <head> section: favicon.ico link, PNG icon link, apple-touch-icon link, and manifest link.
Ideally 512×512 pixels or larger, square, with a transparent background (PNG). The source is downscaled to each required size using high-quality Lanczos resampling. Simple, bold designs with high contrast work best at 16×16 and 32×32 — tiny text or fine lines become unreadable. If your logo has text, consider a simplified icon version for favicon use.
Each serves a different context: favicon.ico (all browsers and devices), icon-32x32.png (modern browsers prefer PNG), apple-touch-icon.png (iOS/macOS home screen, requires exactly 180×180), icon-192x192.png (Chrome's tab/task switcher on Android), icon-512x512.png (PWA splash screen and app store icons). Using all of them ensures optimal display everywhere.
The web app manifest tells browsers about your website app: its name, icons, colors, and display mode. It's required for Progressive Web Apps (PWAs) and allows users to "Add to Home Screen" on Android. Browsers use the manifest icons for Android Chrome, Samsung Internet, and other Chromium-based mobile browsers. Add it to your HTML with <link rel="manifest" href="/site.webmanifest">.
Browsers aggressively cache favicons. Try: (1) Hard-refresh the page (Ctrl+Shift+R), (2) Clear browser cache, (3) Open an incognito/private window, (4) Append a cache-buster to the favicon URL in your HTML: href="/favicon.ico?v=2". Most browsers cache favicons independently from page cache.
SVG input isn't currently supported because SVG rendering in the browser requires DOM access which isn't available in Web Workers. Convert your SVG to PNG first (use Figma, Inkscape, or an online SVG-to-PNG converter), then generate your favicon pack from the PNG. For web use, you can also use an SVG directly as a favicon in modern browsers: <link rel="icon" href="/icon.svg" type="image/svg+xml">.
Something not working? Report a bug
