What sizes do I need for favicons?

At minimum: 16x16 and 32x32 for browsers, 180x180 for Apple touch icon, and 192x192/512x512 for Android. This tool generates the common set.

Do I still need .ico files?

For broad compatibility, yes. Some older browsers and systems still look for favicon.ico. Including it ensures no platform is left out.

Start with a high-resolution PNG or SVG (at least 512x512). This ensures clean scaling to all target sizes.

Place them in your public folder (or site root) and add the link tags to your HTML head. The exact path depends on your framework.

Source image

Upload a logo or icon image

Appearance

Padding

0%0%40%

Transparent background

Disable to flatten transparency onto a solid color.

Output files

favicon.ico

Legacy support for browsers and tooling.

Browser PNGs (16/32/48/96)

Standard favicon sizes used across browsers.

Apple Touch Icon (180)

Used when users add your site to iOS home screen.

Android icons (192/512)

Used for PWA installs and Android shortcuts.

site.webmanifest

Provides metadata for PWA installs (includes icons).