EN

Favicon generator: from image, text or emoji

Pick letters, an emoji or your logo, set color and shape, download everything as a ZIP: favicon.ico, all PNG sizes, site.webmanifest and the matching HTML. Everything is created right in your browser.

Your files are processed only in your browser and never uploaded – they don’t leave your device.

Create favicon from
One or two characters stay readable at 16 × 16 px.
Name and path (manifest)
“/” = root folder of your website (recommended).

Preview and files

    HTML for the <head>
    site.webmanifest
    Result
    How it is calculated
    

    The favicon is the small icon in the browser tab, in bookmarks, in your history and next to your site in Google search results. This generator turns an image, one to three letters or an emoji into every file a website needs today – plus the HTML to go with it.
    

    Which files and sizes?
    

    
  
    FileSizeUsed for
    
  
    
    favicon.ico16, 32, 48 pxclassic favicon; browsers request /favicon.ico even without any HTML tag
    
    
    favicon-16x16.png, favicon-32x32.png16 and 32 pxbrowser tab, standard and high resolution
    
    
    apple-touch-icon.png180 pxicon when someone adds your site to the iPhone or iPad home screen
    
    
    android-chrome-192x192.png, -512x512.png192 and 512 pxweb app manifest: home screen and splash screen on Android/Chrome
    
    
    site.webmanifest–name, colors and icons of your site as an installable web app
    
      

    

    For the favicon in search results, Google requires a square image of at least 8 × 8 pixels and recommends larger than 48 × 48 pixels. Chrome expects 192- and 512-pixel icons in the manifest, and Apple lists 180 × 180 pixels for the iPhone home screen icon.
    

    How to add the favicon to your site
    

      
  
    1. Download and unzip the ZIP.
      2. 
  
    2. Upload all files to the root folder of your website (where your home page lives).
      3. 
  
    3. Paste the HTML into the <head> of every page (WordPress, Wix, Squarespace and others usually have a “Site icon” setting instead).
      4. 

    

    If the files live in a subfolder, enter it under “Folder on the server” – the manifest and HTML adjust automatically. Browsers cache favicons stubbornly; a new icon often only shows after clearing the cache or in a private window.
    

    What makes a good favicon?
    


    Emoji as a favicon – mind the license
    

    The emoji is drawn with the emoji font installed on your device – so it looks different on an iPhone than on Windows or Android. The Unicode standard only defines which character is meant, not what it looks like. The artwork belongs to the font maker (e.g. Apple, Microsoft, Google), and their licenses do not simply allow you to use those images as a logo or favicon for a website.
    

    For a personal page the risk is low; for a commercial website, use an openly licensed emoji set and follow its terms:
    


    Download the emoji you want there as PNG or SVG and choose “Image / logo” here. This is general information, not legal advice.
    

    Privacy
    

    All files are created in your browser. Your image is not uploaded and nothing is stored. To prepare a logo, Image converter and Resize image can help.
    

    Example: a white letter “M” on a blue circle – the ZIP then contains favicon.ico, the PNG sizes, site.webmanifest and the HTML code for your <head>. Related: SVG to PNG for a vector logo and the contrast checker for readable colors.
    

    Shrink large logo files first with the image compressor.
    Frequently asked questions
    What size should a favicon be?
    16 × 16 and 32 × 32 pixels for the browser tab, at least 48 × 48 (square) for Google, 180 × 180 for Apple devices and 192 × 192 plus 512 × 512 for Android and web apps. The generator creates all sizes at once.
    Do I still need a favicon.ico?
    It is still worth having: many browsers, feed readers and tools request /favicon.ico directly, without any HTML tag. The ICO file here contains 16, 32 and 48 pixels as PNG images.
    How do I add the favicon to my website?
    Upload the files to your site’s root folder and paste the HTML into the <head>. In WordPress you can also use “Appearance → Customize → Site Identity → Site Icon” with the 512 px PNG.
    Can I use an emoji as my favicon?
    The emoji artwork from Apple, Microsoft or Google belongs to those companies. For commercial sites, use an openly licensed set such as Twemoji (CC BY 4.0, with attribution) or Noto Emoji (OFL 1.1) and upload that image here.
    Why don’t I see my new favicon?
    Browsers cache favicons for a long time. Open the page in a private window or clear the cache. In Google search results the update can take days to weeks.
    Is my logo uploaded?
    No. All files are generated in your browser; your image never leaves your device.
    Sources and legal basis
    As of: 
    Related tools