HTML set image on browser tab

Question

How do I set a little icon next to the website title on tabs in the web browser?

How can this be marked as duplicate if it preceded "How to add a browser tab icon (favicon) for a website" by almost a year? — Dov Miller, Jul 20 '16 at 09:44

Cory Petosky · Accepted Answer · 2010-03-02T01:01:16.733

101

It's called a Favicon, have a read.

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

You can use this neat tool to generate cross-browser compatible Favicons.

edited Mar 02 '10 at 01:01

answered Mar 01 '10 at 23:25

Cory Petosky

4

I would only add, here's a nice online tool to generate crossbrowser compatible favicons based on existing bmp/png/gif/jpeg images: http://tools.dynamicdrive.com/favicon/ The site at its own also contains good additional background information. – BalusC Mar 02 '10 at 00:39

score 9 · Answer 2 · answered May 29 '14 at 06:38

9

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

Excellent tool for cross-browser favicon - http://www.convertico.com/

answered May 29 '14 at 06:38

mathewsun

is indicating type attr necessary here ? – moh80s Mar 08 '20 at 14:55
are both lines the same... ? or they should come together... ? or using one would suffice ? I would appreciate if you solve my confusion. – moh80s Mar 08 '20 at 14:56

2 Answers2