Favicon and app icon size generator
Upload one image and get every favicon size a modern site needs, ready to download, plus the exact HTML and site.webmanifest to paste. It all happens in your browser.
Your image stays in your browser. Nothing is uploaded.
HTML link tags
site.webmanifest
How to use it
- Pick a square image, ideally 512x512 pixels or larger. Non-square images are centred and fitted inside the square.
- Check the previews, especially the 16px and 32px ones. If the icon is unreadable, simplify it to a single letter or mark.
- Download each PNG and upload them to your site root (the same folder as your homepage).
- Copy the link tags into your <head> and save the manifest as site.webmanifest in the root.
What each size is for
- 16x16 and 32x32: browser tabs, bookmarks and history.
- 48x48: Google search results show your favicon next to your URL and ask for a multiple of 48px.
- 180x180 (apple-touch-icon): the icon when someone adds your site to an iPhone or iPad home screen.
- 192x192 and 512x512: Android home screens and installable web apps, listed in the manifest.
For choosing the image itself, read logo and favicon basics for your website.
Favicon questions
Which favicon sizes do I actually need?
For most sites: a 32x32 and 16x16 PNG for browser tabs, a 180x180 apple-touch-icon for iPhone and iPad home screens, and 192x192 and 512x512 icons listed in a web app manifest for Android and installable web apps. A 48x48 icon is a safe extra because Google asks for favicons that are a multiple of 48px.
Is my image uploaded anywhere?
No. The image is read and resized by your own browser using the canvas API. Nothing is sent to a server.
Do I still need favicon.ico?
Modern browsers use the PNG link tags. Some older tools and crawlers still request /favicon.ico at the site root, so keeping one there is harmless. You can convert the 32x32 or 48x48 PNG with any ICO converter.
What image should I start from?
A square PNG or SVG of at least 512x512 pixels works best. Use a simple mark or letter rather than a full logo with small text, because it has to stay readable at 16 pixels.
How do I add favicons in WordPress?
Go to Appearance, Customize, Site Identity and upload a 512x512 square image as the Site Icon. WordPress then outputs the main sizes for you. Use the link tags below only if your theme or a static site needs them added by hand.
Let's build your next website
Available for freelance projects, agency white-label work and long-term maintenance. Feel free to pass this along to your team or company.