Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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?

share|improve this question
up vote 1 down vote accepted

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:

->  IconFile=

The IconFile and IconIndex are usually at the end.

share|improve this answer

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>


    <title>Grab favicon.ico using Google Chrome dev tools - Super User</title>
    <link rel="shortcut icon" href="">
share|improve this answer
Why is it not in "Resources", with all the other images? – Randomblue Jan 11 '13 at 15:31
@randomblue Where should it be? under Frames > > Images? – amiregelz Jan 11 '13 at 15:36
Yes, or somewhere thereabouts in the "Resources" pane. – Randomblue Jan 11 '13 at 15:43

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.


share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .