How to use the Favicon Generator
- Drop your logo or picture into the box. A square image of at least 512 x 512 px works best. PNG, JPG, WebP and SVG are supported.
- Choose how the image fits the square: Crop to a square fills the whole icon, Keep the whole image adds padding. Pick a transparent or coloured background.
- Check the preview of every size. Type your site name if you want it in the manifest file.
- Click Download all (ZIP) or download single files, then upload them to the root folder of your website.
- Copy the HTML code and paste it inside the <head> of your website. In WordPress, you can use the Site Icon setting instead.
Features
- Creates favicon.ico (16, 32 and 48 px inside one file).
- Creates PNG icons for browsers (16 and 32 px), Windows (48 px), iPhone and iPad (180 px) and Android (192 and 512 px).
- Creates the site.webmanifest file and the HTML code to link everything.
- Transparent or coloured background, crop or fit.
- Runs in your browser: no upload, no signup.
Tips for a good favicon
- Use a simple, bold shape. Small icons lose fine detail, so avoid text and thin lines.
- Start from a square image of 512 x 512 px or larger.
- Check the 16 x 16 preview. If it is hard to read, simplify your logo.
- Clear your browser cache, or open the site in a private window, to see a new favicon. Search engines can take days or weeks to update it.
Frequently Asked Questions
What size should a favicon be?
Browsers use 16 x 16 and 32 x 32 px. Google recommends an icon that is a multiple of 48 px. This tool creates all common sizes from 16 px to 512 px.
What is the difference between favicon.ico and PNG icons?
favicon.ico is the classic format and works in every browser. PNG icons are used by modern browsers and by iPhone, iPad and Android home screens.
Where do I upload the favicon files?
Upload them to the root folder of your website, so that yoursite.com/favicon.ico opens the icon. Then add the HTML code inside the head of your pages.
How do I add a favicon in WordPress?
Go to Appearance, then Customize, then Site Identity, and upload your 512 x 512 px PNG as the Site Icon. WordPress creates the head code for you.
Why does my favicon not change?
Browsers store favicons for a long time. Clear the cache, close the tab and open the site again, or use a private window.
Is my image uploaded to a server?
No. The icons are made inside your browser.