PNG to Favicon

Convert a PNG to favicon.ico, apple-touch-icon, and PNG icons in every size. Free PNG-to-favicon converter, no signup.

Favicon Generator from Image

Upload an image and convert it into favicon.ico, apple-touch-icon, and PNG favicons in every size you need — for your browser tab, PWA, iOS home screen, and more.

Drag and drop image here or click to upload

PNG, JPG, SVG

We recommend uploading a square image of at least 512x512 pixels for best results

Supported Sizes

16x16Browser Tab

32x32Browser Tab (High Resolution)

48x48Windows Desktop

192x192Android App

512x512PWA App

180x180iOS Devices (apple-touch-icon)

Includes detailed usage instructions and example code

More favicon tools

🔤

Upload a PNG and instantly convert it to a complete favicon package — favicon.ico, apple-touch-icon, and the PNG icons every browser, iOS, Android, and PWA expects. Same engine as the favicon generator, framed for converting a PNG.

How it works

1Click the upload box and choose a PNG (512x512 or larger is ideal).
2Preview it at 16x16 and 32x32 — the sizes it'll be seen at most.
3Click Generate Favicons.
4Download the ZIP (favicon.ico, PNGs, apple-touch-icon, manifest).
5Add the included <link> tags to your site's <head>.

Frequently asked questions

How do I convert a PNG to a favicon?+

Upload your PNG above, click Generate Favicons, and download the ZIP — it contains favicon.ico, apple-touch-icon, and PNG icons in every size, plus the <link> tags to add to your HTML.

What PNG size should I upload?+

A square PNG of at least 512x512 pixels. The converter downsizes it to every favicon size browsers and devices need, so a large, sharp source image works best.

Does it also create favicon.ico?+

Yes — favicon.ico is included alongside the PNG icons. Older browsers and some tools still request /favicon.ico directly, so it is always generated as the universal fallback.

Can I convert a JPG or SVG instead?+

Yes — the same tool accepts JPG and SVG. Use the Favicon Generator for the full set of options.

Icon Usage Instructions

How to implement generated icons on your website

Icon Preview

favicon-32x32.png

favicon-192x192.png

apple-touch-icon.png

Usage Steps

Upload all icon files to your website's root directory or a dedicated icons directory
Add the following code to the '<head>' section of your HTML:

<!-- Basic icon -->
<link rel="icon" href="/favicon.ico" sizes="any">

<!-- PNG icons for modern browsers -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">

<!-- Apple Touch Icon for iOS devices -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

<!-- PWA manifest file -->
<link rel="manifest" href="/site.webmanifest">

Different Size Usage

favicon.ico:Traditional browser tab and bookmark icon
16x16:Browser tab icon
32x32:Higher resolution tabs and Windows taskbar
48x48:Windows desktop icon
192x192:Android app icon
512x512:PWA app icon
apple-touch-icon.png:iOS devices when added to home screen

Website Manifest File (site.webmanifest)

To support PWA functionality, create a file named site.webmanifest with the following content:

{
  "name": "Your Website Name",
  "short_name": "Short Name",
  "icons": [
    {
      "src": "/favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

PNG to Favicon

Supported Sizes

More favicon tools

Text to Favicon

Emoji Favicon

Favicon Checker