How to make a favicon and app icons
- Add your logo or picture, ideally square and at least 512 px.
- Choose how to handle a non-square picture and enter your site name.
- Click Make icons and download the ZIP file.
A favicon is the small icon shown in browser tabs, bookmarks and mobile search results. From one picture this tool builds a complete ZIP: favicon.ico (16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), Android icons at 192 and 512 px, a site.webmanifest file and a README with the tags to paste into your site's <head>.
Use a square picture of at least 512 × 512 pixels with a simple, high-contrast design — a detailed logo becomes unreadable at 16 pixels. If your picture isn't square, the tool can add transparent or white space around it, or crop the middle.
The website name goes into the manifest, which is used when a visitor adds your site to their phone's home screen. After downloading, unzip the files at the root of your site (WordPress, Shopify, custom site…) and paste the <link> lines provided.
It's free with no sign-up. Your picture is processed in memory and deleted after 30 minutes.
Frequently asked questions
What image size should I use for a favicon?
A square picture of at least 512 × 512 px. Smaller images get enlarged for the 512-pixel Android icon and may look soft.
What's in the ZIP file?
favicon.ico, PNG icons at 16, 32, 180, 192 and 512 px, site.webmanifest, a README and the HTML snippet for your site.
How do I install the favicon?
Put the files at the root of your site and paste the <link> tags from the README into the <head>. Clear your browser cache to see the new icon.
My logo isn't square — is that a problem?
No. Choose to add transparent or white space around it, or to crop the middle.
Is it free?
Yes, free with no sign-up, on computer or phone.