Grab favicon.ico using Google Chrome dev tools
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?
Solution 1:
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.icoIconIndex=1
The IconFile and IconIndex are usually at the end.
Solution 2:
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
Solution 3:
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">
Solution 4:
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.