All sizes · ICO + ZIP · Free

Generate a Favicon in Seconds

Upload your logo or create from text. Export favicon.ico, PNG sizes, Apple Touch Icon, and a complete web-ready ZIP — all in your browser.

Drop your image here

or click to browse

PNG JPG SVG WebP GIF

Recommended: 512×512 PNG with transparency

Working at 512×512

Padding

Background

Corner Radius

Preview

64×64

32×32

16×16

Error

Individual Downloads

favicon.ico

16×16 + 32×32

PNG 16×16

favicon-16x16.png

PNG 32×32

favicon-32x32.png

Apple Icon

180×180 PNG

Android 192

192×192 PNG

PWA 512

512×512 PNG

HTML to paste in <head>

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Complete ZIP Kit

Download all sizes at once — ICO, PNGs, Apple icon, and site.webmanifest in one ZIP.

100% Browser-Based

All processing happens locally — your image never leaves your device. No uploads.

All Platforms Covered

Generates icons for Chrome, Safari, Firefox, Android PWA, iOS home screen and more.

What's Included in the ZIP Package

The complete favicon kit gives you every file you need to cover all modern browsers, mobile devices, and PWA installations without any extra work.

File	Size	Used By
`favicon.ico`	16×16 + 32×32	All browsers (legacy + modern)
`favicon-16x16.png`	16×16	Browser tab icon (modern)
`favicon-32x32.png`	32×32	Browser bookmarks, taskbar
`apple-touch-icon.png`	180×180	iOS home screen shortcut
`android-chrome-192x192.png`	192×192	Android home screen
`android-chrome-512x512.png`	512×512	Android splash screen, PWA
`site.webmanifest`	—	PWA metadata, theme colour

How to Install Your Favicon

Step 1 — Upload the files

Place all the downloaded files in the root directory of your website (the same folder as your index.html). Most browsers expect favicon.ico at /favicon.ico.

Step 2 — Add the HTML

Paste the HTML snippet (shown above) inside the <head> tag of every page on your site. If you use a CMS like WordPress, paste it into the theme's header.php or use a plugin.

Step 3 — Clear your browser cache

Browsers aggressively cache favicons. After uploading, press Ctrl+Shift+R (or Cmd+Shift+R on Mac) to force a hard reload and see your new icon immediately.

Tips for Best Results

Use a square source image — rectangular images will be cropped to fit the square canvas.
PNG with transparency works best — the transparent background adapts to both light and dark browser chrome.
Simple designs scale better — complex icons become unrecognisable at 16×16. Use bold shapes and high contrast.
Test at small sizes — always check your icon looks good at 16×16 before publishing.

Frequently Asked Questions

Is this favicon generator free?

Yes, completely free. Logged-in users and Pro users get unlimited downloads. Guest (not signed in) users get 5 downloads per day. No watermarks, no file size limits.

What is an ICO file and why do I need it?

An ICO file is a special multi-size container format that stores several icon sizes in a single file. It's the traditional favicon format understood by all browsers going back to Internet Explorer. Modern browsers also support PNG favicons, but ICO is recommended for maximum compatibility — especially for older browsers and bookmark icons.

Does my image get uploaded to your servers?

No. All image processing happens entirely in your browser using the Canvas API. Your image is never sent to any server. This tool works offline once the page is loaded.

What image formats can I upload?

PNG, JPG, WebP, GIF, and most SVG files. For best results use a square PNG (512×512) with a transparent background. SVG files are rasterised in the browser before processing.

What is site.webmanifest?

The Web App Manifest is a JSON file that tells browsers how your website should appear when installed as a Progressive Web App (PWA). It specifies your app's name, theme colour, icon paths, and display mode. Including it enables "Add to Home Screen" prompts on Android Chrome.

Why isn't my favicon showing after I updated it?

Browsers cache favicons very aggressively — sometimes for days. To force an update: hard-refresh the page (Ctrl+Shift+R), or open DevTools → Network → check "Disable cache" and reload. You can also open the favicon URL directly in a new tab and refresh it there.