A favicon downloader that finds every icon, not just favicon.ico
Most sites carry far more than one icon. There is the classic /favicon.ico, often holding three or four sizes inside it, plus PNG icons declared in the page, a large home-screen icon for phones, a monochrome pinned-tab SVG and a set listed in the web manifest. A favicon downloader that grabs only the first match hands you the 16 pixel version when you wanted the 512.
Type an address like example.com into the box and click Find icons; the https part is optional. Favicon Downloader & Generator reads the page as the server sends it, follows its icon links and its web manifest, and checks /favicon.ico as well. Each result is labeled with the format its bytes actually are, which is not always what the file name claims, and with its measured width and height, biggest at the top.
Every icon is drawn at its actual size on a transparency grid, so a white logo on a transparent background does not vanish into the page. The best one is also previewed sitting in a mock browser tab and as a tile among phone apps, the two places a favicon really lives.
How to get the favicon from a website and save it
Five steps, from a bare address to a folder of named files.
- Type the site's address and press Find icons.
- Browse the results. Each size packed into a favicon.ico appears as its own entry.
- Click an icon to drop it, and click again to keep it. Everything starts out kept.
- Click Save icons. Files are named by type and size, such as apple-touch-icon-180x180.png, so two sizes never overwrite each other.
- By default they land in Downloads in a folder named after the website. Set Save icons to Ask every time in Settings to pick a folder instead, and Open the folder after saving shows them in File Explorer.
Favicon generator: PNG to favicon, with the HTML written for you
The lower half of the window works the other way round. Under Make a favicon set from your own logo, click Choose image or drop in a PNG, SVG, JPEG or WebP logo, and the app writes a complete set into a new folder: favicon.ico containing 16, 32 and 48 pixel sizes, a 180 pixel apple-touch-icon.png, icon-192.png and icon-512.png, and a site.webmanifest file.
It also writes the HTML link tags that tie them together, saves them as favicon-snippet.html in the same folder and puts them on your clipboard. Paste them into the head of your page, upload the files to your site root, and the favicon is done. Copy HTML puts the snippet back on the clipboard later, and Open folder jumps straight to the files.
Favicon sizes, and why seeing them at true size matters
Browsers pick from what a site offers: 16 or 32 pixels for a tab, 180 pixels for an iPhone home screen, 192 and 512 pixels for Android and installed web apps. Looking at a site's set side by side at real size is a quick favicon checker for your own site, too. You can see at once whether you are missing a large size, serving a blurry upscaled PNG, or relying on an .ico with only one size inside.
