Favicon Generator

Give your website, blog or online shop a proper favicon in a minute. Make one from aletter or emoji on a coloured background — perfect if you don't have a logo yet — or from yourlogo image. You get a complete package: favicon.ico with three sizes inside, crisp PNG icons, the Apple touch icon for iPhones, Android/PWA icons, a web manifest and the HTML code to paste in. Previews show how it looks at every size and in a browser tab.

How to use it

Type a letter or emoji and pick colours — or switch to Image and choose your logo.
Check the previews, especially the tiny 16 px one.
Download the ZIP, upload the files to your site and paste the HTML.

Example

A tuition centre called “Bright Minds” uses a white “B” on a deep-blue rounded square — bold enough to read at 16 px in a crowded tab bar. A sweet shop might use 🍬 on pink instead. Pick colours from your logo with the image colour picker, or crop your logo to a square first with theimage cropper.

Frequently asked questions

What is a favicon?

The small icon shown in browser tabs, bookmarks, search results and on phone home screens when someone saves your site. A clear favicon makes your website look professional and easy to find among open tabs.

Which files do I need?

The ZIP has everything modern browsers use: favicon.ico (16, 32 and 48 px inside one file), PNG icons at 16 and 32 px, a 180 px Apple touch icon, 192 and 512 px Android icons and a site.webmanifest. Copy the HTML snippet into your page’s .

What makes a good favicon?

Something simple and bold — a letter, a symbol or a simplified logo — because it’s shown as small as 16 × 16 pixels. Detailed logos and thin text become unreadable at that size; check the 16 px preview.

How do I add it to WordPress, Blogger or Shopify?

Most platforms have a “Site icon” or “Favicon” setting — upload the 512 px PNG there. For a custom site, upload all files to your website’s root folder and paste the HTML snippet into the .