How to Create a Favicon for Your Website (All Sizes)

The favicon is the small icon in the browser tab, bookmarks and on a phone’s home screen when someone saves your site. A missing or blurry favicon makes a website look unfinished.

Sizes you need

• 16 x 16 and 32 x 32 px: browser tabs and bookmarks.
• 180 x 180 px: Apple touch icon for iPhone and iPad home screens.
• 192 x 192 and 512 x 512 px: Android and web app icons.

How to generate favicons

1. Open the Favicon Generator.
2. Select a square picture, ideally your logo.
3. Download the sizes one by one or all together as a ZIP.

Try it now: Favicon Generator is free, works in your browser and needs no signup.

Design tips

• Keep it simple: at 16 pixels, detailed logos turn into a blur. Use a single letter or symbol.
• Start square: crop your logo to 1:1 first with Crop Image.
• High contrast: the icon should be visible on light and dark browser tabs.
• Start big: begin with an image of at least 512 x 512 px.

Adding a favicon in WordPress

Go to Appearance → Customize → Site Identity → Site Icon (or the Site Editor in block themes) and upload your 512 x 512 image. WordPress creates the other sizes for you.

Other websites

Upload the files to your site and add <link rel="icon"> tags in the page head pointing to them.

Processing runs in your browser.

Try it now: Favicon Generator is free, works in your browser and needs no signup.