Favicon Generator

What is a favicon generator?

A favicon is the small icon displayed in browser tabs, bookmarks, search results, and app shortcuts for a website. Typically 16x16, 32x32, or 48x48 pixels, favicons help users identify your site among many open tabs. This tool generates favicons in all required sizes and formats from a single source image.

Modern websites need multiple favicon sizes: 16x16 and 32x32 for browser tabs, 180x180 for Apple touch icons, 192x192 and 512x512 for Android home screen shortcuts, and sometimes SVG for scalable display. This tool generates all required sizes from one upload, plus the necessary HTML link tags to include in your site.

How to use this tool

Upload a square image (ideally at least 512x512 pixels). The tool generates all standard favicon sizes and formats. Preview how each size looks. Download the complete favicon package including the ICO file, PNG versions, and the HTML meta tags to paste into your site's head section.

Required favicon sizes

• 16x16 — browser tab icon (the classic favicon size).
• 32x32 — taskbar shortcut, high-DPI browser tabs.
• 180x180 — Apple Touch Icon for iOS home screen.
• 192x192 and 512x512 — Android home screen and splash screen (PWA manifest).

Favicon design tips

Favicons must be recognizable at tiny sizes. Use bold shapes, simple geometry, and high contrast. Text rarely works below 32x32. A single letter or abstract symbol of your brand is most effective. Test your favicon at actual display size (16x16) — details that look great at 512x512 become invisible specks at favicon size. Use a transparent background for PNG favicons.

Frequently asked questions

What is the difference between favicon.ico and PNG favicons?

The ICO format can contain multiple sizes in a single file and is supported by all browsers including very old ones. PNG favicons are simpler (one size per file) and are used by modern browsers. Most sites now include both: an ICO file for maximum compatibility and PNG/SVG for modern browsers. The HTML link tags tell the browser which to use.

Why is my favicon not showing up?

Common reasons: the browser has cached an old favicon (try clearing cache or loading in a private window), the file path in the HTML link tag is incorrect, the file format is wrong, or the favicon is not in the root directory. Browsers aggressively cache favicons — it can take days for an updated favicon to appear. Adding a query string (favicon.ico?v=2) can force a refresh.