Where do I put the files?

In your site root: /public/ in Next.js, /htdocs/ in Apache, /var/www/html/ in Nginx, or the root of any static host. Browsers request /favicon.ico automatically.

Why do I need so many sizes?

Different platforms use different sizes. 16×16 and 32×32 are browser tabs and bookmarks. 180×180 is the iOS home screen. 192×192 and 512×512 are Android home and PWA splash screens. Including them all ensures a crisp icon everywhere.

Should I use an ICO or PNG favicon?

Both. Modern browsers prefer SVG or PNG, older browsers and Windows only read .ico. The best practice is to declare both: a multi-size .ico at /favicon.ico and a PNG via .

Is my image uploaded to a server?

No. Everything happens instantly. Your image never leaves your device.

What size image should I start with?

Square source images work best. Minimum 512×512 for crisp large icons; 1024×1024 or SVG is ideal. Non-square images are centered and padded automatically, but square sources fill the frame.

Can I add padding or a background color?

Yes. The padding slider adds 0–25% breathing room around the icon. The background picker lets you set any solid color, or keep transparency (which works for PNG and ICO).

Why does my old favicon keep showing?

Browsers cache favicons aggressively — sometimes for weeks. Hard-refresh (Ctrl+Shift+R / Cmd+Shift+R), then visit the same URL in a private window to confirm. Forcing a reload with a query string like /favicon.ico?v=2 also works.

Ad Slot — Header Banner

Complete Favicon Package Generator

Favicon Generator — Any Image to Full Icon Set

Drop a logo or image and get a complete favicon package: multi-resolution .ico, browser PNGs, Apple touch icon, Android Chrome icons, and a ready-to-paste HTML snippet — all generated instantly. No signup, no uploads, no watermarks.

#ICO#PNG#Apple Touch#Android#Web Manifest#Free

Drop an image or click to browse

PNG, JPG, WebP, SVG, HEIC, TIFF · Square images work best · 512×512+ recommended

Ad Slot — Below the Fold

How to create a favicon in 3 steps

Any image in, complete favicon package out.

Upload your image

Drop a logo or icon — square PNGs at 512×512 or larger give the crispest results. SVG and HEIC work too.

Pick a preset & tweak

Choose Minimal, Standard, or Complete. Adjust padding around the icon, set a background color, or keep transparency.

Download the package

Click Generate. Preview how your favicon looks in browser tabs, on iOS home screens, and on Android. Download everything as a ZIP with a ready-to-paste HTML snippet and web manifest.

Frequently Asked Questions

A complete package: favicon.ico (multi-resolution, up to 256×256), individual PNGs from 16×16 to 512×512, an apple-touch-icon.png (180×180), Android Chrome icons (192×192 and 512×512), a site.webmanifest, a snippet.html with the exact <link> tags to paste in your <head>, and a README explaining installation.

About the Favicon Generator

Everything you need to know

What is a favicon?

A favicon is the small icon shown in browser tabs, bookmarks, and mobile home screens. Modern platforms expect several sizes and formats: a multi-resolution .ico for legacy browsers and Windows tiles, PNGs for Android and PWA, an Apple touch icon for iOS, and optionally an SVG for crisp rendering at any scale. This generator produces all of them from a single source image.

Best practices for favicon design

Start with a square image at 512×512 or larger — SVGs are ideal. Keep the design simple; icons are usually displayed at 16×16 to 32×32 pixels, so fine details disappear. Use high contrast; test on both light and dark browser themes. If your logo is horizontally oriented, generate a square alternative just for the favicon. Add 8–15% padding around the icon so it doesn't touch the tab edge.

The complete favicon set for 2025

For modern web projects, generate: favicon.ico (multi-size, 16–48), favicon-16x16.png and favicon-32x32.png (browser tabs), apple-touch-icon.png at 180×180 (iOS home screen, no transparency), android-chrome-192x192.png and android-chrome-512x512.png (Android home and PWA splash), a site.webmanifest linking the Android icons, and optionally favicon.svg for vector rendering. The Complete preset generates all of these at once.

Privacy, caching, and troubleshooting

Because everything runs on your device, your source image never leaves your browser — ideal for private logos and unreleased branding. Once you upload the generated files, browsers cache them heavily; when updating, hard-refresh your browser and verify in an incognito window. Some CDNs (Cloudflare, Fastly) cache favicon.ico separately — purge them after replacing. If your favicon still doesn't update, verify the file is at the site root and returns 200 OK when requested directly.