How to Create a FavIcon For Your Site

September 25, 2007

A favicon (which is short for “favorites icon”) is a small image that is used to identify a website in the address bar of a browser; it may also appear next to the title of a web page when it is saved to a user’s favorites.

Favicon Sample

Below is a list of sites that allow you to create your own favicon:

Favicon Generator - The favicons generated from this site use text instead of images, but you can still change the color of your favicon.

Collabyrinth - If you’d rather paint your own favicon pixel by pixel, this free online tool allows you to do just that.

Favicon Editor - Upload an image and click a button to automatically generate your own favicon!

FavIcon from Pics - Just the like the link above, this tool allows you to generate a favicon from an uploaded image. This site also has a favicon validator (to make sure your favicon has been inserted correctly on your page) and a Buddy Icon Generator.

favicongenerator - Create your own favicon in five easy steps!

GraphicsGuru Favicon Generator - Upload an image, click the generate button and voila, you have a favicon! This site also includes some other useful tools, such as an 80×15 button generator and a Google PageRank button you can put on your website that automatically updates as your PageRank changes.

Once your favicon has been created you will need to upload the file to the root directory of your website and put the following code in the header of your HTML page:

<LINK REL=”SHORTCUT ICON” HREF=”http://www.yourwebsite.com/favicon.ico” />

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • StumbleUpon
  • del.icio.us
  • Technorati
  • Reddit
  • NewsVine

If you enjoyed this post, make sure you subscribe to my RSS feed!

Comments

3 Responses to “How to Create a FavIcon For Your Site”

  1. Salman Siddiqui on October 2nd, 2007 4:32 am

    that was cool. It was basic though but yet it gave a good collection of websites which one can use.

    This dot come preneur seems to be a good stuff by your people. Subscribed to your feeds as I am to your other respective blogs.. :) keep up the work

    and please do consider subscribing to my blog. I do have ’s…o…m…e’ potential ;)

  2. Bryan Clark on October 2nd, 2007 1:10 pm

    A favicon is a great way to personalize your website or blog. If you haven’t done this already… get on it!

  3. Ben Cope on October 4th, 2007 5:13 pm

    UPDATE: I just found another great list of favicon generator sites at CSSJuice.com:

    20 Best Favicon Online Generators

Got something to say?