PNG to ICO converter and favicon generator
Drop a PNG or logo anywhere on this page and download one .ico with every size from 16 to 256 px, or a full favicon pack with app icons, a web manifest and the HTML tags.
Try
Have the file already?
- Free, no sign-up
- .ico and PNG 16 to 512 px
- Apple touch icon
- Web app manifest
Drop the logo to open it
Keep finding logos, free
More pictures from the site
Click a logo to try the next one found on that site, or to take it out.
Turn this logo into 3D
Animated 3D logo videos for Reels, TikTok and YouTube, glossy 3D images and 3D print files, made in your browser in seconds.
How it looks
How to convert a PNG to ICO
Drop the file, check the icon, download. Your image is converted in your browser, free and with no account.
Drop your PNG
Drop a PNG, JPG, WebP or SVG anywhere on the page, or press Drop your own logo under the search box. Making an icon for a company that already has one? Type its website and the tool brings in the icons it already uses.
Check it as an icon
Your image opens centered on a square, the shape every icon slot expects, and you see it in a browser tab at its real 16 px and as a phone app icon.
Download the ICO
Press ICO for one .ico with 16, 24, 32, 48, 64, 128 and 256 px inside, or Favicons for the complete website pack in one ZIP.
Put it to work
Copy the pack to your website and paste the ready-made HTML lines, or point a Windows shortcut, folder or app at the .ico.
Every size inside the .ico, and where it shows
An ICO is a box of icons: one file holding the same picture at several sizes, so every place that shows it picks a perfect fit.
| Size | Where it shows |
|---|---|
| 16 × 16 px | Browser tabs and bookmarks; Windows title bars, context menus and the system tray |
| 24 × 24 px | The Windows taskbar, search results and the Start menu’s list of apps |
| 32 × 32 px | Tabs on high-resolution screens; pinned apps in the Windows Start menu |
| 48 × 48 px | The taskbar on high-resolution screens; Start pins at 150% display scaling |
| 64 × 64 px | Start pins and title bars on high-resolution screens |
| 128 × 128 px | A close source for the in-between sizes Windows draws on large displays |
| 256 × 256 px | Start pins at the highest display scaling, and the master Windows scales every smaller size down from |
MDN's guide to image types describes how an ICO file “can contain multiple icons” up to 256 × 256 px. Microsoft's icon guidance lists where Windows draws each size and asks apps for “at the bare minimum: 16x16, 24x24, 32x32, 48x48, and 256x256”; the ICO download carries all of them, plus 64 and 128 px for the sizes in between.
The favicon pack, file by file
Everything a website needs for its icons, made from one image, in one ZIP.
| File | What it is | What it does |
|---|---|---|
| favicon.ico | An icon file holding 16, 32 and 48 px | The icon browsers look for at the root of a website |
| icon-256.ico | Every size: 16, 24, 32, 48, 64, 128 and 256 px | Windows apps, desktop shortcuts and folder icons |
| favicon-16x16.png, favicon-32x32.png, favicon-48x48.png | Small square PNGs with a transparent background | Browser tabs, bookmarks and shortcuts |
| favicon.svg | The icon as a vector, when your logo has one | Sharp tabs at every size in browsers that read SVG icons |
| apple-touch-icon.png | 180 × 180 px, on white with a little breathing room | iPhone and iPad home screens |
| android-chrome-192x192.png, android-chrome-512x512.png | The web app icons | Android home screens, installed web apps and their splash screens |
| site.webmanifest | A small text file listing the app icons | Lets phones and browsers install your site as an app |
| add-to-your-head.html | The lines for your pages’ head | Copy and paste: every icon linked in one go |
The 180 px Apple touch icon is the iPhone size in Apple's Safari web content guide (archived), and Chromium browsers look for the 192 and 512 px icons in the manifest before they install a site as an app, as web.dev explains.
Add it to your site: the HTML, ready to paste
Copy the pack into your site's root folder, then paste four lines into the head of every page.
The pack's add-to-your-head.html holds these lines, with the SVG icon when your logo is a vector:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">For a logo that is a picture, the second line points to the 32 px PNG instead:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">Google Search shows your favicon beside your pages when it can find it. Its guidelines ask for a square icon of at least 8 × 8 px, recommend one larger than 48 × 48 px, and need Googlebot to be able to crawl both the home page and the icon file.
See it at real size before you download
A favicon is judged at 16 pixels. The preview shows yours there, so you choose the right picture the first time.
Beside the big preview, mockups show your icon in a browser tab and as a phone app icon, and the full logo in a light and a dark website header. A detail that turns to mush at tab size shows up here, long before a visitor sees it.
Small icons reward simple shapes. A symbol or a single letter reads at 16 px where a full company name cannot, so crop to the mark, or make a bold, clean version with the white logo maker, which also gives a white favicon for dark tabs.
Windows app, folder and desktop icons
The same .ico gives a Windows shortcut, folder or app a sharp icon at every size, from the title bar to the Start menu.
A shortcut. Right-click the shortcut, choose Properties, then Change Icon, and browse to your .ico.
A folder. Right-click the folder, choose Properties, open the Customize tab and press Change Icon.
An app you are building. Hand the .ico to your developer or your app's build settings. Because it carries a 256 px icon, Windows scales it down to every smaller slot instead of stretching a small one up, which keeps it crisp on high-resolution screens.
Make a favicon from your logo
No icon file yet? Drop the logo itself. It is centered on a square with the right breathing room and every size of the pack is made from it in one go.
Rebranding a client? Type their website into the Logo Finder to start from the logo they already use, or grab their current icons first with the favicon grabber.
More free icon and logo tools
- PNG to SVG converterA vector of the mark, sharp at any size
- 3D logo makerThe same logo as a 3D image or video
- Logo animation makerEight 3D animations with music
- Logo intro makerA 3D logo reveal to open your videos
- Spinning logo GIF makerA seamless 3D turn as a looping GIF
- Logo to STL and 3MFAny logo to a 3D print file
- SVG to STL converterVector art to a 3D print file
- PNG to STL converterA picture to a 3D print file
- How to make a 3D logoFour ways to give a flat logo depth
- How to animate a logoMotion, sound and sizes for every platform
- How to 3D print a logoSizes, colors, slicers and fixes
- Logo to SVG converterVectorize a logo for print and cutting
PNG to ICO FAQ
Short answers about ICO files and favicons: sizes, the HTML, Windows icons and making one from your logo.
Ask us anythingHow do I convert a PNG to ICO?
Drop the PNG anywhere on this page, or press Drop your own logo. It opens as a square icon; press ICO for one .ico file with 16, 24, 32, 48, 64, 128 and 256 px inside, or Favicons for the whole website pack. It is free and happens in your browser.
What sizes should a favicon.ico contain?
For a website, 16, 32 and 48 px cover tabs, bookmarks and high-resolution screens, and the pack’s favicon.ico holds exactly those. For a Windows app or desktop icon, Microsoft asks for at least 16, 24, 32, 48 and 256 px, and the ICO download holds all of them plus 64 and 128 px.
How do I make a favicon from my logo?
Drop your logo on this page. It is centered on a square, the shape every icon slot expects, and you see it in a browser tab and as an app icon before you download the favicon pack. A symbol or an initial from the logo reads best at 16 px.
Do websites still need a favicon.ico?
It is well worth keeping. Browsers still ask a website for /favicon.ico, Google Search accepts ICO files, and one ICO holds several sizes. Modern browsers also read the PNG and SVG icons linked in your page head, and the pack gives you both.
How do I add the favicon to my website?
Copy the pack’s files into your site’s root folder, where the home page lives, and paste the lines from add-to-your-head.html into the head of every page. On a website builder or a shop platform, upload the 512 px PNG in its site icon setting.
Can I make a 256 px Windows icon from a PNG?
Yes. The ICO download carries 16, 24, 32, 48, 64, 128 and 256 px. Microsoft notes that with a 256 px icon, Windows only ever scales your icon down, never up, so it stays sharp at every size. Start from a PNG at least 256 px wide, or from a vector logo.
What is the best favicon size?
A set rather than one size: 16, 32 and 48 px in favicon.ico, a 180 px Apple touch icon, and 192 and 512 px icons for the web app manifest. Google recommends a square favicon larger than 48 × 48 px for Search. The pack makes every one of them from one file.
How useful was this tool?
Your logo, on everything you print, in 3D
Proofscene turns proof sheets into interactive 3D proofs on your own branded link, so your customers see their cards, packaging and wristbands before they are made. Start free today.
Free account · No credit card · Built by print people