Free favicon generator

Generate a favicon from an image, with every installation file

Add one logo, inspect it at actual favicon sizes, then download favicon.ico, PNG icons, an Apple touch icon, a maskable icon, a web manifest, and an HTML snippet in one ZIP.

Browser-based processingNo sign-upICO + PNG + Manifest

Processed in your browser

Drop a logo or choose an image

Background
Actual-size preview

Processed in your browser

3 steps

How to create a favicon for a website

  1. 1

    Choose a square PNG, JPG, WebP, or SVG with enough clear space around the logo

  2. 2

    Adjust the padding and background, then inspect the 16, 32, 48, and 180 px previews

  3. 3

    Generate the files, download the ZIP, and add the supplied HTML tags inside your website <head>

What each favicon file is for

favicon.ico supports browsers and older integrations. The 16 and 32 px PNG files serve browser tabs, the Apple touch icon is used when a site is saved on an iPhone or iPad, and the maskable icon helps a PWA icon survive device-specific cropping.

FAQ

Favicon questions

What size should a favicon be+

This package creates 16, 32, and 48 px browser icons, a 180 px Apple icon, and 192 and 512 px web app icons.

Can I make favicon.ico from a PNG+

Yes. The generator bundles 16, 32, and 48 px PNG images inside one favicon.ico file.

Is my image uploaded to a server+

No. Your image is read, rendered, and packaged as a ZIP inside your browser.

Where should favicon files go+

In most projects, place them in the website root or public directory, then add the link tags from favicon-snippet.html inside the head.