Favicon Generator
Upload an image, get every common favicon size back, plus the HTML to paste into your site's <head>.
Last updated
🔒 Your files never leave this device. It all happens in your browser, which is told to block this page from sending anything to other websites. Try it with airplane mode on: it still works. Check for yourself
Sent to other websites from this page: 0
Drop an image here, or click to choose one
A square image works best — non-square images are centre-cropped.
How to make a favicon
- Choose or drop a square image, such as your logo.
- Download each size: 16×16, 32×32, 180×180, 192×192 and 512×512.
- Upload them to your site and paste the HTML into your page’s <head> (Copy HTML).
About this tool
Browsers, mobile home screens, and app launchers each expect a different icon size — this generates all the common ones (16×16 and 32×32 browser tab icons, a 180×180 Apple touch icon, and 192×192 / 512×512 for Android/PWA use) from a single source image, resized on an in-browser canvas.
Download each size individually, drop them into your site alongside the generated HTML snippet, and you're covered across browsers and devices.
Nothing is uploaded anywhere — the file never leaves your device. Everything here runs as JavaScript in your browser tab.
Questions about favicons
What is a favicon?
The small icon shown in browser tabs, bookmarks and history next to your site’s name. Phones also use larger versions on the home screen.
What size should a favicon be?
16×16 and 32×32 for browser tabs, 180×180 for Apple devices, and 192×192 and 512×512 for Android and installable web apps.
What image works best?
A simple square design with bold shapes. Fine detail and small text disappear at 16 pixels.
Why isn’t my new favicon showing?
Browsers cache favicons heavily. Try a hard refresh, a private window, or adding ?v=2 to the icon’s link.