Favicon generatorGuide

Favicon sizes and formats

You do not need every size. Start with PNG, SVG, and ICO for browser tabs, then add Apple Touch and PWA icons if you want home-screen or installable support.

PNG

PNG is the everyday favicon. 16×16 is the classic tab size. 32×32 looks sharper on high-density screens. Faviconny can also export larger PNGs or JPGs if your host expects a specific set.

SVG

SVG is a vector file, so it stays sharp at any size. Modern browsers can use it as the page icon. Keep a PNG or ICO fallback for older clients.

ICO

ICO is the classic Windows / old-browser format. Many sites still ship favicon.ico at the site root so /favicon.ico just works, even without extra HTML.

Apple Touch (180)

iOS uses apple-touch-icon.png (180×180) when someone adds your site to the home screen. It should stay square, with enough padding so iOS rounded corners do not crop the mark.

Web manifest (192 and 512)

A web manifest plus 192 and 512 PNGs covers Android Chrome “Add to Home screen” and installable web apps. Edit name and short_name in site.webmanifest to match your brand.

A practical minimum

For most websites: 16×16 PNG, 32×32 PNG, SVG, and ICO. Add Apple Touch if you care about iOS home screens. Add the manifest icons if the site should feel installable. How to add a favicon shows the HTML. Create the files with the free favicon generator.