Change image icon in addressbar of browser

Question

I searched through many sites, but I failed to get an answer.

Question : I want to change icon as per given in below image in my browser.

enter image description here

possible duplicate of [How to create a favicon?](http://stackoverflow.com/questions/1547150/how-to-create-a-favicon) — Cody Gray - on strike, Jul 27 '13 at 05:41
my question is not regarding favicon how can you say its a duplicate please read question carefully first@cody Gray. — Butani Vijay, Jul 27 '13 at 05:44
Firefox and Chrome don't display favicons there. You'll need to write another browser, or submit a feature request to the dev teams. See also: [Favicon not showing up in Firefox or Chrome](http://stackoverflow.com/q/12820492) — Cody Gray - on strike, Jul 27 '13 at 05:51

Anant Dabhi · Answer 1 · 2013-07-27T05:42:29.803

2

you should add this tag to head

<link rel="shortcut icon" href="<YOUR ICON PATH>">

this is a tool to help you to create icon using converter http://www.favicongenerator.com/

edited Jul 27 '13 at 05:42

answered Jul 27 '13 at 05:28

Anant Dabhi

10,864
3
31
49

Thanks for suggestion. i have try this but it display the icon in tab ( with title ). i want image as per above image not in tab(favicon icon). – Butani Vijay Jul 27 '13 at 05:37
put ur icon path here – Anant Dabhi Jul 27 '13 at 05:42
2

i have try this but it will display in tab not where i have circled – Butani Vijay Jul 27 '13 at 05:48
It's depand on browser where is display. – Anant Dabhi Jul 27 '13 at 05:59

score 2 · Accepted Answer · answered Jul 29 '13 at 16:13

2

Currently chrome and Mozilla does not support this feature if you want check you can check it in either ie or safari, it will show where you want.

answered Jul 29 '13 at 16:13

yuppp i have check it. – Butani Vijay Jul 29 '13 at 16:14
I don't believe any browser would or should support changing the icon in the address bar since it provides information about the website, including security-related information. I would be extremely suspicious of any website that tried changing that icon. – Julie in Austin Jan 02 '15 at 17:02

score 1 · Answer 3 · answered Jul 27 '13 at 05:29

Those are called "favicons", and you can set one for your website using a special tag in the HEAD of your HTML. You can find many tutorials on this by Googling (now that you know what they're called).

Wikipedia suggests a tag something like this:

<link rel="shortcut icon" href="http://example.com/myicon.ico" />

As an alternative, your website can provide an image named favicon.ico in the root folder.

score 1 · Answer 4 · answered Jul 27 '13 at 05:29

1

That icon names "favicon". To create Something like that go to THIS LINK, Upload an image and get the favicon.ico file, then put it next to your template page on your host.

To get more information go HERE.

answered Jul 27 '13 at 05:29

A.Mokhtari

451
5
16

Change image icon in addressbar of browser

4 Answers4