How do you make a tab logo?

Question

How do you make a custom logo on your tab next to the website's title? Every time I look at the tabs on the top of my browser window I see a logo next to the website's title and I think "I wonder how you make one of those".

I would disagree that this is a dup of the suggested link from @Liam as this is asked in a way so as to point back to what a favicon is where as the asker in the pointed to question already knew what a favicon was. This could be a helpful reference to others that are also confused as to what the little logo in the browser is. — Paul Ryan, May 30 '13 at 15:52

score 5 · Accepted Answer · edited May 30 '13 at 15:45

5

This is called a favicon. You can specify one in your site's code by putting this in the <head> section of your website's pages:

<link rel="shortcut icon" href="favicon.ico">

Where favicon.ico links to the actual file you'd like to use.

edited May 30 '13 at 15:45

Richard Ev

52,939
59
191
278

answered May 30 '13 at 15:43

KatieK

13,586
17
76
90

score 3 · Answer 2 · answered May 30 '13 at 15:44

3

It's called a favicon, you will usually have to save it as an .ico file. Save it in the same directory you would save you index file in.

answered May 30 '13 at 15:44

SPG

31
1

+1 This will also work but it's best to put a link into your head. – Liam May 30 '13 at 15:48

How do you make a tab logo?

2 Answers2