Favicon Factory FAQ

Generate all favicon sizes from images, emoji, or text with custom backgrounds

Back to Favicon Factory

Quick Answer

What sizes do I need? 16x16 and 32x32 for browser tabs, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android/PWA. Favicon Factory generates all sizes automatically in one download.

Frequently Asked Questions

For full browser support, you need: 16x16 and 32x32 for browser tabs, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android/PWA, and optionally a 48x48 or multi-size ICO file. Favicon Factory generates all these sizes automatically.

Use both. ICO files support multiple sizes in one file and are needed for older browsers and Windows shortcuts. PNG favicons are used by modern browsers and provide better quality. The generator creates both formats.

Yes — you can enter any emoji or short text (1-3 characters work best) and the generator will create a favicon from it. You can customize the background color, add rounded corners, and adjust the text styling.

An Apple Touch Icon appears when users add your site to their iPhone/iPad home screen. It should be 180x180 pixels. Without one, iOS shows a screenshot thumbnail instead. The generator includes this size in the download pack.

Browser tabs use 16x16 or 32x32 icons. Complex images with fine details become muddy at these tiny sizes. For best results, use simple shapes, high contrast colors, and bold designs. Test your favicon at actual size before finalizing.

Add these lines to your HTML head section: <link rel="icon" href="/favicon.ico"> for the ICO file, <link rel="icon" type="image/png" href="/favicon-32x32.png"> for PNG, and <link rel="apple-touch-icon" href="/apple-touch-icon.png"> for iOS. The download includes a ready-to-use HTML snippet.

Troubleshooting

Browser shows old favicon after updating
Browsers aggressively cache favicons. Clear your browser cache, or add a version query string like favicon.ico?v=2. In Chrome, right-click the tab and select "Reload" while holding Shift.
Favicon not appearing on mobile home screen
Ensure you have the apple-touch-icon.png file and the correct link tag in your HTML. The icon must be served from the same domain as your site.
Transparent background shows as white
ICO files may not preserve transparency in all browsers. Use PNG with transparent background for modern browsers, and provide a solid background color ICO as fallback.