. Example: -->

Source image tips: use square artwork, ideally at least 512 px. Rectangular images are center-cropped. Inspect the 16 px result before installing. The ZIP includes PNG, ICO, and HTML; configure a web app manifest separately. Read the installation checklist.

Home / Tools / Favicon Generator

Free Favicon Generator

Upload an image and download a complete favicon set — every size, a true .ico file, and the HTML code to add it to your site. Everything happens in your browser.

Click to upload or drag and drop an image here

PNG, JPG or SVG · square images work best · nothing is uploaded to a server

How to use this tool

  1. 1
    Upload an image

    A square logo or icon works best — the tool automatically center-crops non-square images.

  2. 2
    Review the generated sizes

    Eight sizes are created instantly, covering browsers, iOS, Android and PWAs.

  3. 3
    Download what you need

    Grab individual PNGs, the multi-size .ico file, or everything as one ZIP.

  4. 4
    Add the HTML snippet

    Copy the generated code into your site's <head> and upload the files to your root folder.

Related tools

Text-to-Favicon

Generate an icon from initials or a letter, no image needed.

Coming soon

Apple Touch Icon Preview

See exactly how your icon looks on an iOS home screen.

Coming soon

PWA Manifest Generator

Generate a complete web app manifest file alongside your icons.

Coming soon

Image Background Remover

Remove a background before generating your favicon.

Coming soon

Frequently asked questions

Is my image uploaded anywhere?

No. Every resize happens locally in your browser using the HTML canvas API. Your image never leaves your device or touches our servers.

What image should I start with?

A square image at least 512×512 pixels gives the cleanest results across all sizes. Non-square images are automatically center-cropped, which can cut off content near the edges — see our guide on designing a favicon that works at 16×16 for tips.

Do I need the .ico file if I already have the PNGs?

Modern browsers support PNG favicons directly, but the .ico file remains the most universally compatible fallback, especially for older browsers and for the address bar shortcut icon. We recommend including both.

Why are there so many different sizes?

Different devices and contexts — browser tabs, iOS home screens, Android app drawers, PWA splash screens — each expect a specific size for the sharpest result. See our guide on favicon sizes explained for the full breakdown.

My new favicon isn't showing up on my site. Why?

This is almost always a caching issue, not a generation problem — browsers aggressively cache favicons. See our guide on favicon caching issues for how to force a refresh.