한국어
Home › Developer › Favicon Generator

Favicon Generator

From one image, or text and a background color, create favicon.ico (with 16, 32 and 48px), an Apple touch icon, 192 and 512px Android icons, site.webmanifest and the HTML code, all in one ZIP.

Preview

My website

  

  

    
Settings

    

    

    

    
In the ZIP: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest

    
    

    
Your image never leaves this device

  












How to use


1Design the iconMake one from text and a background color, or add your logo image. Square images work best.
2Check the previewMake sure it is still recognizable at browser tab size (16px). Simpler shapes read better when small.
3Download and addUnzip into your site's root folder and paste the HTML code into the head of every page.


When it helps


A favicon is the small icon shown next to your site name in browser tabs, bookmarks and search results. Without one, a gray placeholder appears, which makes a site feel unfinished, and Google search results show a generic icon too.
Each device looks for a different size. Older browsers look for favicon.ico, iPhones use a 180px apple-touch-icon when you add a site to the home screen, and Android reads a manifest listing 192px and 512px icons. This tool creates all of these at once, including a real multi-size ICO file.
No logo yet? The first letter of your site name on your brand color looks clean enough. Fine details blur at 16px, so simple shapes work best.


FAQ


Do I still need favicon.ico?
Modern browsers read PNG too, but some browsers and services still look for /favicon.ico at the site root first. Keeping both is the safest choice.
I added it but the icon did not change.
Browsers cache old favicons for a long time. Do a hard refresh (Ctrl+Shift+R) or check in a private window. Search results can take a few days to update.
Can I use an SVG favicon?
If you add an SVG image, the PNG and ICO files are created from it. To also use the SVG itself, add <link rel=icon href=/favicon.svg type=image/svg+xml> to your head.
Can I use any character?
Yes, letters, numbers and most symbols work. One character is the most readable and two is still fine. Complex characters can blur at 16px, so check the preview.