What Is an ICO File? Favicon Formats Explained (2026)

October 21, 2026 · 5 min read · By the DollarWise team

On this page

That tiny icon in your browser tab — the one that makes your site recognizable among twenty open tabs — is usually an ICO file. It’s one of the oldest image formats still in daily use, dating back to Windows 1.0 in 1985. Here’s what it is, how it works, and what the modern favicon setup looks like in 2026.

What an ICO File Actually Is

An ICO isn’t a single image — it’s a container. One .ico file holds multiple bitmap images at different sizes (typically 16×16, 32×32, and 48×48 pixels) and color depths. The operating system or browser picks the version that best fits the context: 16×16 for the browser tab, 32×32 for the taskbar, 48×48 for desktop shortcuts.

This multi-resolution trick was brilliant in the 1990s (no scaling artifacts on chunky CRT displays) and it’s still why ICO persists: one file, every context covered.

ICO vs PNG vs SVG Favicons

Three formats compete for the browser-tab slot today:

Format	Strengths	Weaknesses
ICO	Universal support; multi-size in one file; browsers request `favicon.ico` automatically	Old format; no transparency beyond 32-bit; bulky for what it does
PNG	Crisp, modern, easy to generate; supports full alpha transparency	One size per file; needs multiple files for multiple sizes
SVG	Infinitely scalable; tiny file size; supports dark-mode variants	Not supported by some older browsers and tools; can’t do photographic detail

For application icons (Windows .exe files, desktop shortcuts), ICO is still the required format. For websites, the modern answer is “all of the above, layered.”

The 2026 Best-Practice Favicon Setup

Here’s the stack most professional sites use now:

<!-- Modern browsers: crisp at any size, supports dark mode -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<!-- Fallback for older browsers -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<!-- Apple devices -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- The universal fallback (browsers still request this automatically) -->
<link rel="shortcut icon" href="/favicon.ico">

Plus 192×192 and 512×512 PNGs referenced in your web app manifest for the “add to home screen” experience. Total effort: about ten minutes. Total payoff: your brand looks right everywhere from a smartwatch to a 4K monitor.

Designing a Favicon That Works at 16 Pixels

Favicons are brutal on detail — at 16×16, your beautiful logo becomes a smudge. Rules that work:

Simplify ruthlessly. Use one bold shape or a single letter, not the full logo.
High contrast. It must read against both light and dark browser chrome.
Test at actual size. Zoom out to 16px and squint — if it’s not recognizable, redesign.
Consider a dark-mode variant. SVG favicons can use prefers-color-scheme to swap colors.

A Brief History of the ICO Format

ICO debuted with Windows 1.0 in 1985 as the format for program icons. The original spec supported only 32×32 monochrome-ish images; Windows 3.0 added color, Windows XP added 32-bit color with an 8-bit alpha channel (real transparency), and Windows Vista added PNG-compressed images inside ICO files for huge 256×256 icons. Forty years later, the container soldiers on — every Windows app you install still ships its icon as ICO.

The web adopted ICO for a simpler reason: when Microsoft introduced favicons in Internet Explorer 5 (1999), favicon.ico in the site root was the only supported format. The convention stuck so hard that browsers still request /favicon.ico automatically even when your HTML declares fancier formats.

Inside an ICO File: The 30-Second Anatomy

An ICO file has three parts:

ICONDIR header — 6 bytes identifying the file as an icon and saying how many images it contains
ICONDIRENTRY array — 16 bytes per image: width, height, color depth, and where the image data lives
Image data — the actual bitmaps (BMP format, or PNG-compressed since Vista)

You never need to hand-edit this — but understanding the structure explains why a proper ICO contains multiple sizes rather than one image scaled by the browser. Each size is a separately stored, hand-optimized bitmap.

ICO Beyond the Browser

Favicons get the glory, but ICO’s day job is Windows:

Application icons — every .exe embeds its icon as ICO resources
Desktop shortcuts and folders — custom folder icons are ICO files
File type associations — the icon next to each file type in Explorer
Taskbar and Start menu — Windows picks the best size from the ICO’s set

If you’re shipping Windows software, you need ICO files with sizes from 16×16 all the way to 256×256. The web favicon use case (16/32/48) is just the smallest subset.

Testing Your Favicon Setup

After deploying, verify in this order:

Hard-refresh (Ctrl+Shift+R) — browsers cache favicons aggressively, and a stale cache is the #1 “my favicon isn’t working” cause.
Check the tab at 16×16 — squint test: recognizable?
Check a bookmark — bookmark toolbars show the 16 or 32px version.
Check mobile — add the site to a phone home screen and confirm the touch icon.
View source — confirm your <link rel="icon"> tags point to files that actually exist (404 favicons are embarrassingly common).

Making Your Own ICO File

Start with a high-resolution PNG (512×512 works well) of your simplified mark, then convert it into a multi-size ICO containing 16, 32, and 48-pixel versions. Our free PNG to ICO converter does exactly this in your browser — upload the PNG, and download a proper favicon.ico with all three sizes packed inside. No software to install, no watermarks, and your image never leaves your device.

Frequently Asked Questions

What is an ICO file?

An ICO file is a Windows icon container format that stores one or more small raster images at different sizes and color depths in a single file. It’s the traditional format for website favicons (favicon.ico) and Windows application icons.

Do I still need favicon.ico in 2026?

It’s still good practice. Modern browsers accept PNG and SVG favicons, but favicon.ico remains the universal fallback — some browsers, feed readers, and older tools still request it automatically. Include it alongside modern formats.

What size should a favicon be?

A multi-size ICO typically contains 16×16, 32×32, and 48×48 pixel versions. For PNG favicons, provide 180×180 (Apple touch icon) and 192×192 / 512×512 (PWA manifest). An SVG favicon scales to any size.

How do I convert a PNG to ICO?

Use a converter that packs multiple sizes into one ICO file. Our free PNG to ICO converter does this in your browser — upload a PNG and download a multi-resolution favicon.ico.

#ico #favicon #image-formats #web-design

Written by the DollarWise team

We turn confusing money topics into plain-English guides for beginners. Every article is written to be actionable on day one — no jargon, no hype, no sales pitch.