Add Icon to Browser Tab?

Question

How do I add an icon to the browsers tab through CSS?

I tried to do this:

head
{

icon: 'images/favicon.ico';

}

But it says that it can't resolve the reference. Then I looked around on stackoverflow and other places, and I keep finding what appears to be HTML solutions and not just CSS solutions, unless that's impossible of course.

Do you mean a [favicon](http://en.wikipedia.org/wiki/Favicon)? — imtheman, Sep 18 '14 at 21:39
http://stackoverflow.com/questions/8687440/using-favicon-with-css — imtheman, Sep 18 '14 at 21:42

score 3 · Accepted Answer · answered Sep 18 '14 at 21:40

3

Why don't you want to use HTML solution?

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

answered Sep 18 '14 at 21:40

Patrick Moore

13,251
5
38
63

Because then I'll have to add that to all my pages separately, no? – OmniOwl Sep 18 '14 at 21:40
@Vipar that is correct, it will need to be placed on every page. But, to my knowledge, no browser looks in stylesheet for a favico declaration. – Patrick Moore Sep 18 '14 at 21:42
That's why I asked if it was possible to do in CSS at all :P – OmniOwl Sep 18 '14 at 21:43

score 0 · Answer 2 · answered Jan 30 '18 at 13:08

0

CSS stylesheet not supporting to change favicon iamge inside tab

Add the below code inside head tag. .ico or .png image extension also support.

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

answered Jan 30 '18 at 13:08

Chandrahasa Rai

427
1
5
10

Add Icon to Browser Tab?

2 Answers2