HTML set image on browser tab

html css favicon
ozsenegal picture ozsenegal · Mar 2, 2010 · Viewed 155.4k times · Source

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

Answer

Cory Petosky picture Cory Petosky · Mar 2, 2010

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.

Related questions

Add image in title bar

How do I add image in title bar? I have title- "Webnet" Merging it with a FontAwesome Glyphicon's icon images as- <title><i class="icon-user icon-black"></i>Webnet</title> And I tried …

Read More
Favicon not showing up in Google Chrome

I have a favicon icon which isn't showing up in Chrome (I'm not sure about other browsers as I only use Chrome) but the strange thing is if I type the path to the icon in the URL bar it …

Read More
using favicon with css

I want to set the favicon for a fairly large number of pages. But, instead of using the HTML <head> tag <link rel="shortcut icon" href="favicon.ico">, I'd like to set it in the CSS …

Read More