Last updated: April 28, 2026

Favicon Image Size Cheat Sheet 2026

Q: What sizes do I need for a favicon?

The essential favicon sizes are: 32x32 ICO for browser tabs, 180x180 PNG for Apple Touch Icon, 192x192 and 512x512 PNG for PWA manifest. An SVG favicon is optional but provides the best scaling for modern browsers.

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?

A 16x16 favicon is no longer necessary as a standalone file. Modern browsers scale down from 32x32 when needed. If you use the ICO format, it can contain multiple sizes (16, 32, 48) in a single file.

Modern websites need multiple favicon sizes to cover browsers, operating systems, and PWA installations. The essential set includes a 32x32 ICO for browsers, 180x180 PNG for Apple devices, and 192x192 plus 512x512 PNGs for Progressive Web Apps. FastEdit generates all required sizes from a single source image, so you can set up your favicons in one session.

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

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.

What can you create for Favicon?

Use these rows when you know the asset you need but not the exact settings. Each one points to the matching FastEdit workflow.

How to prepare Favicon Standard Favicon

Open FastEdit with the Favicon Standard Favicon preset selected, drop your file, then export to this row's target: 32x32, ICO / PNG, max 100 KB.

favicon standard favicon sizefavicon standard favicon dimensionsresize favicon standard faviconcreate favicon standard favicon

Open Favicon Standard Favicon preset →

How to prepare Favicon Apple Touch Icon

Open FastEdit with the Favicon Apple Touch Icon preset selected, drop your file, then export to this row's target: 180x180, PNG, max 200 KB.

favicon apple touch icon sizefavicon apple touch icon dimensionsresize favicon apple touch iconcreate favicon apple touch icon

Open Favicon Apple Touch Icon preset →

How to prepare Favicon PWA Icon 192

Open FastEdit with the Favicon PWA Icon 192 preset selected, drop your file, then export to this row's target: 192x192, PNG, max 200 KB.

favicon pwa icon 192 sizefavicon pwa icon 192 dimensionsresize favicon pwa icon 192create favicon pwa icon 192

Open Favicon PWA Icon 192 preset →

How to prepare Favicon PWA Icon 512

Open FastEdit with the Favicon PWA Icon 512 preset selected, drop your file, then export to this row's target: 512x512, PNG, max 500 KB.

favicon pwa icon 512 sizefavicon pwa icon 512 dimensionsresize favicon pwa icon 512create favicon pwa icon 512

Open Favicon PWA Icon 512 preset →

How to prepare Favicon SVG Favicon

Use this Favicon cheat-sheet row as the target spec: resize or trim to Any (vector), export as SVG, and keep the file at N/A.

favicon svg favicon sizefavicon svg favicon dimensionsresize favicon svg faviconcreate favicon svg favicon

Before you upload

At minimum, every website needs favicon.ico (32x32), apple-touch-icon.png (180x180), and a 192x192 PWA icon referenced in the manifest.
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?