Last updated: July 22, 2026

Favicon Sizes & Generator Guide

Q: What sizes do I need for a favicon?

For broad coverage, use a multi-size ICO containing 16x16, 32x32, and 48x48, a 180x180 Apple Touch PNG, and 192x192 plus 512x512 PNG icons for a PWA manifest. Google Search recommends a square favicon larger than 48x48.

Q: What is the best favicon format?

ICO format has the broadest browser support. PNG works in all modern browsers and is simpler to generate. SVG is the most future-proof and supports dark mode adaptation. For full coverage, provide ICO + PNG + SVG.

Q: What is an Apple Touch Icon?

An Apple Touch Icon is a 180x180 PNG image that iOS uses when a user saves your website to their home screen. It is specified with a tag. Without it, iOS takes a screenshot of the page instead.

Q: How do I add a favicon to my website?

Place favicon.ico in your site root and add link tags in your HTML head: and . For PWAs, reference icons in your manifest.json file.

Q: Do I need a 16x16 favicon?

You usually do not need a separate 16x16 file. Put 16x16, 32x32, and 48x48 variants in one ICO file so browsers can select the best raster size.

There is no single favicon size for every surface. Use a multi-size ICO containing 16x16, 32x32, and 48x48 icons for broad browser coverage; a 180x180 PNG for Apple Touch; and 192x192 plus 512x512 PNGs when your web app manifest needs install icons. Google Search recommends a square favicon larger than 48x48.

Quick answer

Favicon sizes at a glance

Use a multi-size ICO with 16x16, 32x32, and 48x48 icons for browsers, a 180x180 PNG for Apple Touch, and 192x192 plus 512x512 PNGs for a PWA manifest. For Google Search, use a crawlable square icon larger than 48x48 at a stable URL.

Start editing Favicon Standard Favicon

Pick this preset, drop your file, and FastEdit starts from the Favicon Standard Favicon dimensions, format, and file-size target.

Favicon Image Size Cheat Sheet

Google Search Favicon

48x48 or larger ICO / PNG / SVG Max Keep small

Google requires a square favicon of at least 8x8 and recommends larger than 48x48 for display quality. Keep the URL stable and crawlable.

Standard Favicon

32x32 ICO / PNG Max 100 KB

Browser tab icon. ICO format is most compatible; PNG works in all modern browsers. This is the minimum favicon every website needs.

Open Favicon Standard Favicon preset →

Apple Touch Icon

180x180 PNG Max 200 KB

Used when saving a website to the iOS home screen. Apple devices do not use favicon.ico: they look for this specific link tag.

Open Favicon Apple Touch Icon preset →

PWA Icon 192

192x192 PNG Max 200 KB

Required in the web app manifest for PWA installations. Used as the app icon on Android home screens and in the app switcher.

Open Favicon PWA Icon 192 preset →

PWA Icon 512

512x512 PNG Max 500 KB

High-resolution PWA icon used for splash screens on Android and Chrome OS install prompts. Required for PWA installability.

Open Favicon PWA Icon 512 preset →

SVG Favicon

Any (vector) SVG Max N/A

Scalable vector favicon supported by modern browsers. Allows dynamic theming with prefers-color-scheme media queries. Single file covers all sizes.

Before you upload

For broad coverage, provide a multi-size ICO, an Apple Touch icon, and manifest icons only when your site is installable as a PWA.
Design favicons with simple shapes and minimal detail: they display as small as 16x16 pixels in browser tabs.
SVG favicons can respond to dark mode using CSS media queries inside the SVG, making them ideal for design-conscious sites.
Include both ICO and PNG favicon links for maximum browser compatibility: some older browsers only recognize ICO format.
Test your favicon against both light and dark browser themes to ensure visibility in both contexts.

FAQ

What sizes do I need for a favicon?

What is the best favicon format?

What is an Apple Touch Icon?

How do I add a favicon to my website?

Do I need a 16x16 favicon?

Favicon Sizes & Generator Guide

Favicon sizes at a glance

Favicon Image Size Cheat Sheet

Google Search Favicon

Standard Favicon

Apple Touch Icon

PWA Icon 192

PWA Icon 512

SVG Favicon

Before you upload

FAQ

Official specifications

Bring the file.
Leave with the fix.

Favicon Sizes & Generator Guide

Favicon sizes at a glance

Favicon Image Size Cheat Sheet

Google Search Favicon

Standard Favicon

Apple Touch Icon

PWA Icon 192

PWA Icon 512

SVG Favicon

Before you upload

FAQ

Official specifications

Related Platforms

Bring the file.Leave with the fix.

Bring the file.
Leave with the fix.