HTML Recipes

Graphics
Downloads

Have you ever bookmarked a site, then noticed the little icon in the address bar? That's a FAVICON.

favicon

Or noticed the small images in your favorites list? Wonder how to add them to your own site? For the most part, favicons work mostly on Internet Explorer, but some other browsers are catching on.  What do you need to have a favicon? Well most time, free servers will not allow favicons, so let's pretend you have your own domain and hosting. All you need then is an image, some sites say 16x16, but I have found that as large as 48x48 works fine! Just make sure to test it !

For the most part, all you have to do is drop the favicon.ico in your main web directory and  browsers pick it up fine. You can also use the favicon as a way to determine bookmarks when you see the favicon listed in your sites stats  and traffic information. Occasionally you may need to add the CODE to make your favicon work. This might happen on free servers, isp hosting , or you may just want to add the code. 

The below code is what you use, * includes code to allow favicon use on Opera, Mozilla, KDE, etc * and make sure to adjust your PATH, for example, the one for this site would be
<link rel="shortcut icon" href="/favicon.ico">

You will place this code before the /head> tag.

If you want to know how to MAKE a FAVICON, or would like more detailed information about favicons, check this Tutorial on FAVICONS. Want to have a CURSOR that looks like the favicon? check the cursor help page.

Looking for some free favicons? These images are free to use; ONE per website and may not be included in any programs, collections, cd's, or redistributed with out explicit WRITTEN permission from Nhyrvana or Shearologist.

Click the pic to download the favicon file you want. Divided them up to make it easier. the pictures are just REPRESENTATIVE. there are many more favicons in each file for you to use!

black and white favicons

black and white favicons

sun rise sunset sun ray favicons

sun rise/ sun set favicons

thunderbird favicons

thunderbird favicons

black and white favicons

more black and white favicons

simple geometric shape favicons

simple geometric pattern favicons

ying yang favicons

yingyang favicons

alien little green men favicons

alien favicons

funky faded pattern favicons

funky favicons

ancient feeling favicons

ancient cross favicons

geometric and shaped favicons

more geometric favicons

girly childlike fluffy simple favicons

girly / kid favicons

drink favicons martini beer

beer / martini favicons

favicon file 3 Several colors for each letter!!

alphabet favicons

Shearologist has made a few favicons ~ letters, grommets, rings and more.
Who is HomeMade? Meet Sugz, Lexsis,  Nhyrvana, Shear, and E2C.

link to us!

Did we help you? Then please link back!

Content and images copyright ? 2003-2004 HomeMadeHTML.com

* Disclaimer : HomeMadeHTML.com does not intend to be the complete or total HTML resource, but rather a place where we can answer questions we frequently get when building sites, and questions we see asked in help rooms and emails. The site is a point to interact and make available help to all levels of users. You can't find your problem or solution listed? Mail it in or search the web, and good luck! All questions submitted and their solutions become the property of HomeMadeHTML.com and may be published in part or in its entirety on this site. All programs and sites listed or referenced on this site are Copyrighted by their respective owners.