That little browser icon...

I've always been curious about how to install that little browser icon that usually belongs to a domain. An example would be the little moon icon on dreamhost.com or the "G" in a box on google.com. It usually appears next to the URL on most browsers (instead of a default icon) as well as the bookmark toolbar on Firefox.

Anyone know how to set that up?

Thanks

Create an icon with the name "favicon.ico" and place it in your main web root. Add the following lines to the <head> section of your home page:

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

Although the first line is usually sufficient, use both lines for maximum browser happiness!

Story is there some way make:

http://wiki2.dreamhosters.com/wiki2/index.php?title=Bookmark_icon

The "article" linked above suggests that you steal images from other people. Icons are very easy to make with a basic image editor. Even the "Paint" software that comes free with Windows will allow you to make icons. I would strongly suggest doing it like this, rather than risking potential copyright theft.

ah thanks. that worked great!

You can also generate your favicon.ico using this online tool :

http://www.htmlkit.com/services/favicon/

T-T-L
$77 off plus 1 Additional Free Domain For Hosting Lifetime with 77PLUS1DOMAIN promo code . See Detail Here

i make all my icons in the gimp -- it's free and does everything i want it to

track7 - my dream-hosted site

Hey guys, you can get a free plugin for Photoshop to save .ICO files here:

http://www.telegraphics.com.au/sw/

I used it, works great!

If you don't already know how, here is a step by step Photoshop tutorial for making your 16 x 16 image:

http://www.photoshopsupport.com/tutorials/jennifer/favicon.html

If this has helped you, hopefully someone can help me.

I upload my favicon.ico, and it works, but only on my first index.html page.

http://mn8multimedia.com/

Is it necessary to put this code on EVERY page?
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="icon" href="/favicon.ico" />

I have looked at other sites, that don't seem to have this on every page, yet the icons show up.

Can someone please help with an answer?

Thanks!

I beleive you can get away without using the icon link if all pages are in the same directory. If any pages are in a different directory, you either have to use the icon link or copy the favicon to that directory.
Silk

My website

sometimes the browser looks up /favicon.ico on its own, but i've never heard of it looking up /dir/favicon.ico even for pages in /dir/

the best way is to have a /favicon.ico and also put the two link tags in the header of each page.

on my site some parts have different favicons, and i've got php that starts in the current page's directory and keeps going up until it finds a favicon.ico and writes the appropriate link tags. for example, there's a /geek/favicon.ico which gets used for everything under /geek/, but without the link tags i think it would use /favicon.ico

track7 - my dream-hosted site

Can we use css to load favicon ?

Dino

The favicon is an example of metadata (albeit a visual example), and so it has nothing to do with CSS (which is supposed to be purely presentational).

That little browser icon...