PNG to Favicon Converter - favicon.ico and Full Icon Pack, Free

How to convert PNG to ICO

Add your PNG. Drop your logo into the box, or browse for it. It is read on your device and never uploaded.
Check how it looks small. The preview shows your favicon at 16 and 32 px in a light and a dark browser tab. Crop to square or add padding if it looks cramped.
Name your site. Under Extra files, type your site name and pick a theme colour - they go into site.webmanifest.
Download the pack. Press Make my favicon. You get a ZIP with every file plus favicon-html.txt with the code to paste.

No logo yet? The Favicon Generator makes one from text or an emoji.

Why PNG is a great start for a favicon

A PNG keeps transparency, so your logo sits cleanly on light and dark browser tabs.

Start from a square PNG of at least 512 px - the Android and Apple icons are made from it too. Have a vector logo? SVG to Favicon also gives you a favicon.svg.

What is in the favicon pack

File	Size	Used by
favicon.ico	16, 32, 48 px	Every browser, bookmarks, Windows shortcuts
favicon-16x16.png, favicon-32x32.png	16 and 32 px	Browser tabs in modern browsers
favicon-96x96.png	96 px	Google search results, desktop shortcuts
apple-touch-icon.png	180 px	iPhone and iPad home screen
android-chrome-192x192.png, -512x512.png	192 and 512 px	Android home screen, PWA install
site.webmanifest	-	Android and PWAs: name, icons, theme colour
favicon-html.txt	-	The lines to paste into your <head>

Only need the classic file? Pick the favicon.ico only preset. Every ZIP also has a README.

How to add the favicon to your website

Unzip the pack and upload every file to the root folder of your site, next to your home page.
Open favicon-html.txt and paste its lines into the <head> of your pages.
Hard-refresh the page (Ctrl+F5) - browsers keep old favicons for a long time.

Using WordPress? Go to Appearance, Customize, Site Identity and upload the 512 px PNG as the Site Icon. Then check your live site with the Favicon Checker.

Tips for a favicon people recognise

Use the symbol, not the name. Text turns into a smudge at 16 px.
Fill the square. Crop to square, and keep padding low - favicons are tiny already.
Check dark mode. A black logo vanishes on a dark tab. Add a background colour or a rounded shape.
Too big a PNG? Your site does not need it - but Compress PNG helps for other uses.

Frequently Asked Questions

Drop your PNG into the box and press Make my favicon.

You get a ZIP with favicon.ico, the PNG sizes, apple-touch-icon, Android icons, site.webmanifest and the HTML code.

Square and at least 512 x 512 px. That is the largest Android icon; every smaller size is made from it, step by step, so they stay sharp.

Yes. Browsers look for /favicon.ico first, and Windows, RSS readers and many tools only read ICO. Modern browsers then pick the PNG sizes from your HTML.

Yes - in favicon.ico and every PNG. Only apple-touch-icon.png gets a solid background, because iPhones show transparency as black.

Upload every file from the ZIP to the root of your site, then paste the lines from favicon-html.txt into the <head> of your pages.

Yes. Pick the favicon.ico only preset and you get one .ico file with 16, 32 and 48 px inside.

Browsers cache favicons for days. Hard-refresh with Ctrl+F5, open the site in a private window, or test it with the Favicon Checker.

No. The favicon files are made in your browser, on your device. Nothing is uploaded.