Hello, I’m Yue Chuang.

Sometimes we need to use some website ICONS in our work, but there is no way to download the website ICONS directly in the browser. To do so, you must use some tricks. In this article, I will share some ways to get a website Favicon.

1. Directly access the Favicon address to obtain the ICO file

For those familiar with web development, I’m sure many of you know how a web favicon is set up: upload an image called favicon.ico to the root directory of the web site, and the browser automatically recognizes it as the icon of the site’s TAB page.

Knowing this, we can go directly to the site and download the icon in the domain name /favicon.ico

For example, Google’s website icon is:

https://www.google.com/favicon.ico
Copy the code

Baidu favicon icon address is

https://www.baidu.com/favicon.ico
Copy the code

After visiting the url, we can right-click again – save the image asDownload the original picturefavicon.icoThe size of the file is the same as that of the website, but it should be noted that some sites do not support this method, for example, this site does not support direct access to download due to the use of WordPress favicon Settings.

2. Sites downloaded using Favicon

If you come across a site where you can’t directly access the download, or if you want an easier way to download, then some of the Favicon download sites are a good choice. There are many such sites, but here are two good ones

2.1 the Favicon Grabber

Favicon GrabberFavicon is an open source Favicon download site, you can download any site with one click, recommend it mainly because of the high appearance level, easy to use, just need to enter the URL, click on the right side of the Try it Grab to Grab the site icon

2.2 The Favicon Finder

The Favicon Finder is not a very simple site, but it is very powerful. You can grab favicons of all sizes in one click. Github, for example, has 5 different ICONS, and you can choose which one you want to use most

3. Use the API to get the website Favicon

Some sites also provide special apis for other developers or special purpose users to access the site icon more quickly

3.1 the Google API

https://www.google.com/s2/favicons?domain=google.com
Copy the code
https://www.google.com/s2/favicons?domain=
Copy the code

Using Google’s API, you can simply change the domain name to your own and get the corresponding website icon. The image is in PNG format and is 16 pixels by 16 pixels

3.2 The Favicon Finder API

https://besticon-demo.herokuapp.com/icon?url=google.com&size=80.. 120.. 200Copy the code

The Favicon Finder API, like its website, offers a number of professional-level options, which can be found in its Github documentation