Favicon Generator
Create favicons in all required sizes from an uploaded image or text/emoji. Download 16×16, 32×32, 48×48, and 180×180 PNG files ready to add to your website.
Your favicons are ready. Click Download for each size.
Add to your HTML <head>:
Frequently Asked Questions
What sizes does a favicon need to be?
Modern websites need several sizes to display correctly across different contexts. The classic 16×16 and 32×32 sizes appear in browser tabs and bookmarks. The 48×48 size is used in Windows taskbar shortcuts. Apple devices use 180×180 (apple-touch-icon) for home screen shortcuts on iOS. Browsers also look for an SVG favicon for crisp display at any resolution. For thorough coverage, add a manifest.json referencing 192×192 and 512×512 PNG icons for Android home screens and PWA splash screens. The HTML code section of this tool shows exactly how to reference each size.
Why isn't my favicon updating in the browser?
Browsers aggressively cache favicons — sometimes for days. After uploading a new favicon, force a cache clear by holding Shift and clicking the refresh button, or open the developer tools (F12), right-click the reload button, and select "Empty cache and hard reload." In Chrome, you can also navigate to chrome://settings/clearBrowserData and clear cached images. Another common issue is the favicon file path being incorrect — use the browser console to check for 404 errors on favicon requests. Some browsers also only check for favicon.ico at the root domain automatically; the <link> tags are necessary for PNG versions.
What image works best as a favicon?
Simple, high-contrast designs work best because favicons are viewed at tiny sizes. A logo that looks great at 500px wide often becomes unreadable at 16×16 — fine details, thin strokes, and gradients all disappear. The most effective favicons are single-letter initials, a simple symbol, or a solid-color mark with clean edges. If your logo is complex, create a simplified square variant specifically for favicon use. Test your favicon at actual 16×16 size in a browser tab before finalizing — what you see in the generator preview at 200% zoom will look different at its actual display size.