Favicon Converter

Drop in a PNG or SVG and get a favicon.ico with four sizes inside, plus per-size PNG downloads and an apple-touch icon. Everything runs in your browser. Nothing is uploaded.

Source image
PNG or SVG, square or not. The image is read locally in this browser tab and never uploaded.

Pick a file, or drop one onto the box below.

Drop a .png or .svg here to build favicon.ico

Downloads
Your favicon.ico and PNG sizes appear here after a conversion.

Sizes: 16, 32, 48, and 256 pixels in the .ico, plus an apple-touch icon at 180 pixels.

How to use

  1. Drop a PNG or SVG onto the box, or pick one with the file button. Your image stays in this browser tab.
  2. The tool redraws your image at 16, 32, 48, and 256 pixels and packs those four PNGs into one favicon.ico. A non-square image is scaled to fit and centered, with transparent padding around it.
  3. Download favicon.ico and put it in your site root. The per-size PNGs and apple-touch-icon.png are there for templates that link to individual sizes.
  4. Drop a different file to convert it. Nothing you load is saved anywhere.

Frequently asked questions

Is my image uploaded or stored anywhere?

No. The converter reads your file with the browser's own File API, redraws it on a canvas element inside this tab, and builds the .ico file in memory. Nothing is uploaded, nothing is stored, and the page sets no cookies. Once the page has loaded, it keeps working offline. Ad slots on the page are served by third-party networks, which follow their own privacy policies.

What sizes go into the favicon.ico?

Four: 16x16 for browser tabs, 32x32 for taskbars and pinned tabs, 48x48 for desktop shortcuts, and 256x256 for high-resolution displays. Windows reads the .ico directly and picks the size that fits. You also get favicon-16x16.png through favicon-256x256.png and an apple-touch-icon.png at 180x180, the size iOS home screens expect.

Can I use an SVG?

Yes. The browser rasterizes the SVG at each target size on a canvas, and the .ico file stores those renders as PNG data. Browsers have accepted PNG-compressed .ico entries for years, so no separate SVG handling is needed. Give your SVG explicit width and height attributes if it refuses to load.

My image is not square. What happens to it?

Favicons are square, so the tool scales your image to fit inside each square and centers it. The leftover space stays transparent. A wide logo becomes a square badge, which is usually what you want; crop the source first if you would rather fill the square edge to edge.

Where do the files go once I have downloaded them?

Put favicon.ico in your site root, next to your index page. Browsers look for /favicon.ico by default. If your template references individual sizes, add <link rel="icon" href="/favicon-32x32.png" sizes="32x32"> and <link rel="apple-touch-icon" href="/apple-touch-icon.png"> to your page head.