Need AI Training/Help?CloudYeti.io/meet
MarkdownMe

Favicon Generator

Drop a square logo and get every icon a modern site needs: browser tab favicons at 16, 32, 48, and 96 px, an Apple touch icon at 180 px, and Android or PWA icons at 192 and 512 px. Add padding and a background colour if your logo needs breathing room, preview each size at its real pixel dimensions, then copy the link tags for your HTML head.

Drop a logo or square image

or click to browse — you can also paste with Ctrl/Cmd+V

Use a square image of at least 512 × 512 px for the sharpest icons

Your image is processed in this browser tab with the Canvas API. It is never uploaded, stored, or sent to a server.

How to Use Favicon Generator

  1. Drop a square logo, ideally 512 × 512 px or larger.
  2. Adjust padding and background if the logo crowds the edges.
  3. Check each size in the preview grid.
  4. Press Download all 7 sizes and put the files in your site root.
  5. Copy the link tags into your HTML head.

Frequently Asked Questions

What size should a favicon be?
Ship 16 and 32 px for browser tabs, 180 px for iOS home screens, and 192 and 512 px for Android and PWA installs. This tool exports all of them from one source image.
Do I still need a favicon.ico file?
No. Every browser released in the last decade reads PNG favicons through link tags. An .ico file is only needed for very old versions of Internet Explorer.
My logo is not square. What happens?
It is centre-cropped to a square. For full control, crop it first with the Image Cropper at 1:1, then bring it back here.

About Favicon Generator

Turn any logo into a full favicon set — 16, 32, 48, 96, 180, 192, and 512 px PNGs plus the HTML head tags. Free, no upload. This tool runs entirely in your browser, so your content is not sent to a server. MarkdownMe provides free, fast, and reliable Markdown tools for developers, writers, and anyone who works with Markdown.