What favicon sizes do I need?

16x16, 32x32 (browsers), 180x180 (Apple), 192x192, 512x512 (Android/PWA). We generate all.

What format to upload?

PNG recommended (transparency). JPG works. SVG ideal for vectors. Minimum 512x512px.

Do I need web manifest?

For PWA yes. manifest.json tells browsers about icons, name, display mode. We create it.

How to add to website?

Download files, add HTML code to . Place icons in root directory.

Favicon Generator All Devices Apple Touch Icon & PWA Manifest

Browser Tab

My Website

iPhone Home Screen

App

Upload an image to generate icons.

What is a Favicon?

A favicon (short for "favorite icon") is a small icon associated with a website. It appears in browser tabs, bookmarks, history, and on mobile home screens when users add your site. Favicons help with brand recognition and make your site easier to find among multiple open tabs.

Required Favicon Sizes

16x16 & 32x32: Standard browser tab icons
180x180: Apple Touch Icon for iOS devices
192x192: Android home screen icon
512x512: PWA splash screen and Android

Best Practices

Use simple, recognizable designs that work at small sizes
Ensure good contrast for visibility
Test your favicon on different browsers and devices
Include all required sizes for full compatibility

Frequently Asked Questions

What sizes do I need for a favicon?

Modern websites need multiple sizes: 16x16 and 32x32 for browsers, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android/Progressive Web Apps. Our generator creates all required sizes from one upload.

What image format should I upload?

PNG is recommended for best quality with transparency support. JPG works but doesn't support transparency. SVG is ideal if you have a vector logo. Minimum recommended size is 512x512 pixels.

Do I need a web manifest?

If you want your site to be installable as a Progressive Web App (PWA), yes. The manifest.json file tells browsers about your app icons, name, and display mode. Our generator creates this automatically.

How do I add the favicon to my website?

Download the generated files and add the provided HTML code to your <head> section. This includes links to all icon sizes and the web manifest. Place the icon files in your website's root directory.