Did you know ?
Google offers a secret URL that can automatically pull the favicon image of any domain. Cherries on the cake, we can ask for different sizes and the images returned are in PNG format (not ICO), meaning they will render correctly in all browsers using the <img>
tag.
The API works using a simple GET:
https://www.google.com/s2/favicons?domain=${domain}&sz=${size}
The query parameters are:
-
domain
: mandatory, the domain you are interested in, -
sz
: optional, a size hint such as256
.
In case the right size is not found, it will return the default one, usually 16x16.
https://www.google.com/s2/favicons?domain=dev.to&sz=128
https://www.google.com/s2/favicons?domain=dev.to&sz=512 (nothing found for 512x512, so returns a 16x16 PNG)
https://www.google.com/s2/favicons?domain=stackoverflow.com&sz=128 (yep, sometimes the quality is far from optimal)
Top comments (15)
Nice writeup! Privacy-friendly search engine DuckDuckGo also has one similar to the Google one:
Also there's one I made called Icon Horse that has some additional features:
Wasn't aware of those ones, nice to know thanks !
I would just state that Icon Horse is not free (but still a very nice tool).
Do you know if duckduckgo supports parameters, such as the size hint for example ?
To my knowledge DDG doesn’t have various customisation params available.
Icon Horse is free, but premium features cost money.
Icon horse seems quite nice! Big image, doesn't stop at redirections, very cool.
Your Icon Horse service looks amazing! I'll give it a try real soon.
icon.horse is the best one... Thanks for the sharing
Here is yet another service: favicongrabber.com
The call looks like:
The response is a JSON with all the available icons (use
?pretty=true
for nice json formatting):However, I got some gateway timeouts and trying favicongrabber.com/api/grab/stacko... currently returns:
That's a great tip! The Google API is indeed useful for quick favicon retrieval. However, it has some limitations, like inconsistent quality and size availability.
If you're looking for a more robust solution, you might want to check out FaviconExtractor (faviconextractor.com). It offers multiple sizes (16x16 to 512x512), works with most websites, auto-generates SVGs when needed, and provides ready-to-use HTML snippets. It's designed to handle cases where Google's API might fall short.
FaviconExtractor also supports DuckDuckGo as a fallback source, ensuring higher success rates. It's open-source (github.com/seadfeng/favicon-downlo...) and can be self-hosted or used via API.
While Google's hidden API is handy, tools like FaviconExtractor can offer more comprehensive solutions for developers needing reliable favicon extraction. Have you encountered any specific challenges with favicon retrieval in your projects?
how can i change the default favicon (if a website doesn't have a favicon, it shows a blurry image of a sphere.) I want to include an image i have created .. let's say "/logo@512.png" ,i need this as default if no other images are present. How do i do it ?
Did you find any solution do this?
I have made a tool for downloading favicons
Website favicon downloader
Cool! I found a few more
curl
wget
my browser's url bar
what's special about those is they didn't build useless crap to farm me for ad revenue. so no thanks, but also no thanks.
Awesome, Thanks ;)
Thanks for mentioning this ! I created a little cli to expose this api: github.com/pomdtr/fetch-favicon
How do you guys mitigate the CORS issue? I tried to use this with fetch API but it's giving me the CORS error for both google and Duckduck go