Favicon Generator
One logo in, every icon size out — plus the <link> tags to paste.
Drop a square-ish logo or image
or click to browse, or paste with Ctrl/Cmd+V — non-square images are center-cropped
Generated sizes
Add them to your site
Download each PNG above into your site's root folder using the filenames shown, then paste this into your <head>:
About this favicon generator
Modern sites need a favicon in several sizes: small ones for browser tabs, a 180px version for iOS home screens, and 192/512px versions for Android and PWA install icons. This tool takes one image, center-crops it to a square if it isn't already one, and renders all six standard sizes at once — 16, 32, 48, 180, 192, and 512px — each as its own downloadable PNG, plus the exact <link> tags to paste into your page's <head>.
How to generate a favicon
- Drop, browse to, or paste a logo or image into the box above (square works best).
- Download each generated size using the filename shown under it.
- Place the downloaded files in your site's root folder.
- Copy the HTML snippet into your page's
<head>.
FAQ
My source image isn't square — what happens?
It's automatically center-cropped to the largest possible square before resizing, so the important part of a roughly-centered logo stays intact. For full control over the crop, use the cropper first.
Do I need a .ico file too?
Not for modern browsers — every current browser accepts a PNG favicon via <link rel="icon">. The generated 16/32/48px PNGs cover that; the 180px file is for Apple touch icons, and 192/512px cover Android/PWA icons.
Why do the filenames matter?
The HTML snippet references each size by its conventional filename (e.g. apple-touch-icon.png, android-chrome-192x192.png). Keep the downloaded names as-is, or update the snippet's href values to match whatever you rename them to.
