Favicon Generator

How to make a favicon

1. Click the box above or drop a square logo onto it. PNG or SVG with a transparent background works best.
2. Choose whether to fit or crop it, a background and padding. The previews show it at 16, 32, 48 and 180 pixels.
3. Download favicon.ico and the PNG icons, put them in your site's root folder, and paste the HTML into your page's head.

Frequently asked questions

Which files do I need?

favicon.ico for browser tabs, apple-touch-icon.png (180 px) for iPhone home screens, and the 192 and 512 px PNGs for Android and web app manifests.

Why does my favicon look blurry?

Detailed logos do not survive at 16 pixels. A simple, bold mark or a single letter reads best.

Is my image uploaded?

No. Everything happens inside your browser, so your files never leave your device and nothing is stored on a server.