FreePanda

Favicon and ICO Generator

Image Tools

Turn a PNG into a multi-resolution favicon.ico, with the PNGs and head markup to go with it.

Runs entirely in your browser — nothing is uploaded

What people do next

Image ResizerResize images to exact pixel dimensions or ready-made social presets.SVG to PNG ConverterRasterise SVG to PNG at any size or scale, with transparency kept and nothing uploaded.Image CropperCrop an image by dragging, or to an exact pixel rectangle, with ratio locks.

Features

  • One .ico containing every size from 16 to 256 pixels.
  • Full pack: favicon.ico, PNGs at 32, 180, 192 and 512, plus the markup.
  • Previews rendered without smoothing, so you see the real 16px icon.
  • Fit, fill or stretch for source images that are not square.
  • Built in your browser — nothing is uploaded.

How to use the Favicon and ICO Generator

  1. 1Upload a square PNG, ideally 512 pixels or larger.
  2. 2Choose which sizes to include.
  3. 3Download favicon.ico, or the full pack with the markup.

Frequently asked questions

Why put several sizes in one .ico?

Because an ICO is a container, and Windows and browsers pick the closest size from inside it. With only a 16px icon in there, a taskbar asking for 48 has to scale it up and it looks soft; with all the sizes present, each context gets one drawn for it. That is the whole reason the format allows more than one image.

Do I still need favicon.ico when PNG icons work?

Yes, in practice. Browsers request /favicon.ico from the root of a site whether or not you link to it, and various tools, feed readers and bookmark managers still look only for that file. The PNGs cover modern browsers and phone home screens; the .ico covers everything else.

What size should my source image be?

Square, and at least 512 pixels. Everything is scaled down from it, and downscaling is kind to an image in a way upscaling is not. Simple, high-contrast artwork works far better than a detailed logo — at 16 pixels there is room for a shape, not for text.

My logo is not square. What happens?

"Fit whole" scales it to fit and pads the sides, keeping all of it. "Fill" scales it to cover the square and crops the overhang. Neither is as good as starting from artwork designed square — a wordmark squeezed into an icon is unreadable at tab size whichever option you pick.