Grab favicon.ico using Google Chrome dev tools

Question

Where can I grab the favicon of a website using Google Chrome dev tools. I have access to the resources (html, css, js, images, etc.) but I cannot find the favicon.

Where is the favicon hidden in the Chrome dev tools?

score 62 · Answer 1 · answered May 30 '19 at 18:13

Here's a tool that's actually part of Google Chrome (as requested in the question), and works for sites that require a login.

In the address bar, enter chrome://favicon/, followed by the url.

For example, chrome://favicon/https://example.com/private-page.html

Source

score 21 · Accepted Answer · answered Jan 11 '13 at 18:50

It can sometimes be a little bit tedious to find the “shortcut icon” link in the HTML. Another approach is to create an Internet shortcut (i.e., a “Favorite” in IE, a.k.a. a “Bookmark”) and open it with Notepad:

[DEFAULT]
BASEURL=http://superuser.com/questions/532616/grab-favicon-ico-…
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://superuser.com/questions/532616/grab-favicon-ico-using-google-…
IDList=
-> IconFile=http://cdn.sstatic.net/superuser/img/favicon.ico
IconIndex=1

The IconFile and IconIndex are usually at the end.

score 18 · Answer 3 · answered Jan 11 '13 at 15:28

You can click Ctrl+U to view source and look for the favicon in the code (<link rel="shortcut icon"). It's usually in the top of the HTML source file, since it's inside the <head>.

For this page, it's in the 7th line:

<!DOCTYPE html>
<html>

<head>

    <title>Grab favicon.ico using Google Chrome dev tools - Super User</title>
    <link rel="shortcut icon" href="http://cdn.sstatic.net/superuser/img/favicon.ico">

score 15 · Answer 4 · answered May 09 '18 at 15:25

You can use the power of google to do this:

http://www.google.com/s2/favicons?domain=www.google.de

Replacing the domain name above will grab the favicon for that given domain.

You can also use this variant:

http://www.google.com/s2/favicons?domain_url=http%3A%2F%2Fwww.google.de%2F

that will get the favicon for any url.

score 14 · Answer 5 · answered Mar 12 '19 at 16:22

14

Use Chrome Dev Tools Network tab. Filter by favicon Reload the page with Shift+F5 You will get the icon regardless it was loaded with link or from default location

answered Mar 12 '19 at 16:22

Hopeless

141

score 0 · Answer 6 · answered Jan 11 '13 at 14:41

0

Why don't you just right click on the page and select inspect element? That gives you the html code of the page and the favicon is listed there. Just click on the link.

Example http://cdn.sstatic.net/superuser/img/favicon.ico

answered Jan 11 '13 at 14:41

CalvT

831

Grab favicon.ico using Google Chrome dev tools

6 Answers6