Custom Bookmark Icons: FavIcon Generator (favicon.ico)

by Scott Allen

Have you been trying to figure out how to customize your bookmark icon on browsers? It’s easy, especially with this tool.

To add a favicon to your web page:

Go to: http://www.htmlkit.com/services/favicon/
Click “Download FavIcon” and open the package. favicon.ico is included in it.
Upload the favicon.ico file to the folder on your web site where you have the web page.
Add the following HTML tag to your web page after the <head> tag, before the </head> tag:
<link rel=”shortcut icon” href=”favicon.ico” >

That’s it! To test your new favicon in Internet Explorer, add your site to Favorites and reopen the page. To test it in Firefox or other Mozilla-based browser, simply open your web page and watch the address bar or the page tab. More information is available on the help page and the Favicon Validator page.

Another Online FavIcon Generator:
http://www.graphicsguru.com/favicon.php

While you’re at it, try this too:
RSS Feed-style button generator

Galleries of Cool FavIcons:
http://mppierce66.home.comcast.net/web/fi/
http://www.deltatangobravo.com/archives/2004/march/favourite

More Info on favicon.ico:
http://en.wikipedia.org/wiki/Favicon
http://www.thesitewizard.com/archive/favicon.shtml
http://favicon.com/

Tags:
favicon.ico | favicon | webgeek