How to set this icon for the web page?

Question

I would like to know what is this little icon called? And how to set the icon for that? Thanks. enter image description here

score 38 · Accepted Answer · answered Jun 15 '12 at 08:15

38

View source on SO, and you will see this link element:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

answered Jun 15 '12 at 08:15

dan radu

2,772
4
18
23

1

This works to change the tab icon, but it never changes my URI bar (as Ted Wong's picture above). Are the tab and URI icons not related? Are they not suppose to be set together with your tag? Tried in both Chrome and Firefox, same results. – Jeach Mar 01 '14 at 01:53
2

Ah, you can find a table of supported favicon locations here: http://en.wikipedia.org/wiki/Favicon#Use_of_favicon – Jeach Mar 01 '14 at 02:12
@Jeach that's an older browser. (looks like an old version of safari) It may put the favicons in the URI bar, instead of the tabs. (which it doesn't even appear to have...) – jgh fun-run Feb 27 '20 at 16:59

score 14 · Answer 2 · answered Jun 15 '12 at 08:14

14

It's called the icon of your web-page. To include this in page use

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

you insert this tag with in head tag and can be easily created using ms paint

answered Jun 15 '12 at 08:14

Ravi Jain

1,452
2
17
41

**mspaint** cannot save .ico files, how did you do that ? – ManuelJE Aug 03 '17 at 10:27

score 3 · Answer 3 · answered Jul 27 '13 at 15:11

3

Probably you will be suffering after changing the favicon more than once, just keep that in mind; after every change of ico file change the href="favicon.ico?v=# -# means count of change-.

answered Jul 27 '13 at 15:11

ozanmuyes

721
12
26

How to set this icon for the web page?

3 Answers3