Tools/Image Tools/Favicon Generator

Favicon Generator Free - PNG to Favicon Sizes Online

Generate favicon files in 16×16, 32×32, 48×48, and 64×64 sizes from any PNG or JPG image. Free online favicon maker - no login, instant download, browser-based.

If this tool isn’t working as expected, please take a screenshot of the error and report the problem here so we can investigate and improve it.

About this tool

A favicon is the small icon visible in browser tabs, bookmarks, and mobile home screens. Missing favicons leave the browser's default blank square - a minor but visible sign of incomplete site setup.

This tool resizes your source image to the four PNG sizes browsers commonly request (16×16 for tabs, 32×32 for bookmarks/taskbars, 48×48 and 64×64 for higher-density displays and desktop shortcuts), all processed locally in your browser. It doesn't produce a legacy .ico file or the larger sizes (180×180, 192×192, 512×512) that iOS home-screen icons and Android/PWA manifests use - for full multi-platform coverage you'll need to convert the PNG output separately or use a dedicated ICO/manifest generator.

Upload any image and generate PNG favicon files in four sizes - 16×16, 32×32, 48×48, and 64×64 pixels - ready to link in your website's HTML head. This tool outputs PNG only; it doesn't generate a .ico file, an Apple Touch Icon, or PWA manifest icons. Works with any image your browser can decode, including SVG, via standard browser image rendering.

How to Use Favicon Generator

Upload Image

Upload a square PNG or JPG logo or icon.

Auto Resize

The tool resizes your image to 16×16, 32×32, 48×48, and 64×64 pixels.

Preview Sizes

Preview all four favicon sizes before downloading.

Download Favicons

Download each favicon size as a separate PNG file.

Common Workflows

New Site Setup

Upload a square logo or icon and download all four PNG sizes, then add the HTML link tags to your site's <head>.

Replace a Blurry Favicon

Generate a properly sized set of PNGs from a higher-resolution source instead of manually shrinking a logo file.

Square Up a Logo First

If your source image isn't square, crop it to a 1:1 ratio with the Image Cropper first - a non-square source is stretched to fit each square favicon size, not cropped.

Add Multiple Size Tags Yourself

The tool shows one example <link> tag for the 32×32 PNG - copy that pattern and add a separate <link> tag for the 16×16, 48×48, and 64×64 files too if you use them.

Need an .ico File or Apple/PWA Icons? Use a Dedicated Converter

This tool doesn't generate a .ico file, an Apple Touch Icon, or PWA manifest icons - convert the 32×32 PNG separately with a dedicated ICO converter if you need legacy or full mobile coverage.

Best For

  • Generates four PNG favicon sizes - 16×16, 32×32, 48×48, and 64×64 - from any source image, downloadable individually or all at once.
  • PNG output only - there's no .ico file generation, and no Apple Touch Icon (180×180) or PWA manifest icons (192×192, 512×512).
  • Runs entirely in your browser - no server upload, instant download.

Examples

Generate favicon PNGs from a logo

Source

logo.png - 512x512 square logo

Result

favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, favicon-64x64.png - four resized PNGs, downloadable individually or all at once

Each size is generated by drawing the source image onto a canvas at that exact pixel size - there's no .ico packaging or ZIP file, just four separate PNG downloads.

Use Cases

Adding a favicon during initial website setup

Upload your logo and download the four PNG sizes to add a proper browser-tab icon to a new site.

Replacing a low-quality or blurry favicon

Generate a fresh set of correctly sized PNGs from a higher-resolution source image.

Creating a browser tab icon for a web app or tool

Generate the standard PNG sizes for a web app's tab icon without needing design software.

Common Mistakes

Problem

Expecting a .ico file in the output

Solution

This tool generates PNG files only - there's no .ico file generation. If your setup requires a favicon.ico for legacy browser support, convert one of the PNGs separately.

Problem

Expecting an Apple Touch Icon or PWA manifest icons

Solution

Only 16×16, 32×32, 48×48, and 64×64 PNGs are generated - there's no 180×180 Apple Touch Icon or 192×192/512×512 PWA manifest icons.

Problem

Assuming "Download All Sizes" produces one ZIP file

Solution

Download All Sizes triggers four separate PNG downloads in quick succession, not a single packaged ZIP file.

Problem

Only adding the one example link tag shown

Solution

The tool shows a single example <link> tag for the 32×32 PNG - add a separate <link> tag for each additional size you actually use.

Problem

Uploading a non-square source image

Solution

Each favicon size is generated as a square, so a non-square source image is stretched to fit rather than cropped - upload a square source image for accurate results.

Tips & Best Practices

Start from a square, high-resolution source

A square image of 512×512 or larger downsizes cleanly to all four favicon sizes.

Keep the design simple

Icons, logos, or initials on a solid background stay legible at 16×16; detailed logos with fine text become an unreadable smudge at that size.

Add a link tag for every size you download

Copy the shown <link> tag pattern and repeat it for the 16×16, 48×48, and 64×64 PNGs if you use them, not just the 32×32 example.

Convert to .ico separately if you need legacy browser support

This tool doesn't produce a .ico file - use a dedicated PNG-to-ICO converter afterward if your setup requires one.

Limitations

No .ico file generation

Output is PNG only - there's no legacy .ico format generation, despite .ico still being requested by some older browsers and default favicon lookups.

No Apple Touch Icon or PWA/manifest icons

Only 16×16, 32×32, 48×48, and 64×64 are generated - the 180×180 Apple Touch Icon and 192×192/512×512 PWA manifest sizes aren't produced.

Only one example HTML tag shown

The HTML snippet shown covers the 32×32 PNG only - it doesn't provide link tags for the other three generated sizes.

"Download All Sizes" is four separate downloads, not a ZIP

Each size downloads as its own file in quick succession rather than being packaged into a single ZIP archive.

No text, initials, or emoji-based favicon generation

This tool only resizes an uploaded image - there's no option to generate a favicon from typed text or an emoji if you don't have a logo yet.

Square output regardless of source aspect ratio

Each size is generated as a square canvas, so a non-square source image is stretched to fit rather than cropped - start from a square source for accurate results.

Comparisons

PNG Favicon (This Tool) vs a Full ICO + Manifest Package

Modern browsers accept PNG favicons directly, but a fully cross-platform setup traditionally also includes a legacy .ico file and mobile home-screen icons.

This Tool (PNG Only)Full Package (ICO + Apple Touch + Manifest)
FormatsPNG only, in 4 sizes (16/32/48/64)ICO, PNG, and manifest-referenced icons across 6+ sizes
Modern browser tabsFully supported - PNG favicons work in all current browsersFully supported
Legacy browsers / default lookupsNot covered - no .ico file is producedCovered by the .ico file
iOS/Android home screenNot covered - no 180/192/512 sizesCovered by Apple Touch Icon and manifest icons

Which should you use?

This tool is a fast way to get correctly sized PNG favicons for modern browser tabs. If you also need legacy .ico support or mobile home-screen icons, generate those separately with a dedicated converter.

FAQs

The most common question is why the favicon isn't showing up after adding it. Common causes: browser cache - hard refresh with Ctrl+Shift+R (or Cmd+Shift+R on Mac). Incorrect path - the <link href> must point to the correct file location. File not deployed - a local favicon won't show on the live site until the file is uploaded. Another common question is about the .ico format - this tool generates PNG files only, not a .ico file.

What sizes does this favicon generator create?

It generates 16×16, 32×32, 48×48, and 64×64 PNG favicon files - covering the common browser tab, taskbar, and desktop shortcut sizes. It doesn't generate a .ico file or the larger 180×180, 192×192, or 512×512 sizes used for Apple Touch Icons and PWA manifests.

What image should I upload for best results?

Upload a square PNG image with a simple design. Icons, logos, and initials on a solid background work best for small favicon sizes.

Can I use the output favicon on my website?

Yes. Add the downloaded PNG as your favicon using <link rel="icon" href="favicon.png"> in your HTML head section.

Get more tools like this

Leave your email so we can prioritize similar tools and updates.

Trending Tools

Trending tools will appear as visitors explore the catalog.

Recently Used

Your recently visited tools will show up here.