Favicon Generator

Create a complete favicon package from an image or text: favicon.ico, PNG icons, Apple touch icon, Android icons and web manifest.

Your image is processed in your browser and never uploaded.

Favicon preview, large
Android / PWA
Apple touch icon preview
iPhone home screen
Favicon preview, 32 pixels
32 px
Favicon preview, 16 pixels
16 px
Add this to the <head> of every page

        
    

The ZIP has favicon.ico (16, 32 and 48 px), PNG icons for browsers, the iPhone icon (180 px) and Android icons (192 and 512 px), plus site.webmanifest. Upload them to your site's root folder.


Favicon Generator

A favicon appears in browser tabs, bookmarks, Google search results and on phone home screens, and each place needs a different size and format. The Favicon Generator makes the whole set from one logo, or from a letter or emoji on a coloured background: a multi-size favicon.ico, PNG favicons, the 180-pixel Apple touch icon (with a solid background, as iOS requires), 192 and 512-pixel Android icons and a site.webmanifest file. It shows a live preview and gives you the HTML to paste into your pages.

How to use Favicon Generator

  1. Choose your logo (a square PNG or SVG works best), or switch to text and type a letter or emoji.
  2. Adjust the background, shape and padding while watching the preview.
  3. Click Download favicon package and upload the files to your site's root folder.
  4. Copy the HTML into the <head> of your pages.

When it comes in handy

  • Adding a favicon to a new website or web app.
  • Replacing a blurry favicon with sharp, correctly sized icons.
  • Making the icons a Progressive Web App needs.

Frequently asked questions

Why does Google not show my favicon?
Google needs a square favicon of at least 48×48 pixels that it can crawl. The package includes a 48-pixel image inside favicon.ico. It can take a few weeks to appear.
Do I still need favicon.ico?
Yes: some browsers and tools still request /favicon.ico directly. The PNG and SVG icons are used where supported.

Choose which cookies SEOpeck may use. You can change this at any time from "Cookie settings" at the bottom of every page.