How to make a website icon, shortcut icon, url icon, bookmark icon or "favicon.ico" File

Member

By taivan
User-Submitted Article

Article Rating:

(0 Ratings)

Curious about the little icon that display at the url address, well it's called favicon icon ,url icon,bookmark,website icon, shortcut icon and a number of other name, now you too can create your own icon in a few simple and easy steps.

Difficulty: Easy

Instructions

Things You'll Need:

16x16 image
web site
web site hosting

Step 1

Create your unique image or download an image and size it to 16x16 pixels.
Save the image as an ICO file (named "youriconname.ico"). If you can’t save it as .ico, you can save it as gif image or any other image file
Step 2

Upload file to your root web hosting directory, and if your image is not .ico file you can now rename and save as .ico file
Step 3

Now, copy the following code <link rel=”shortcut icon” href=”http://www.youriconhere.ico” type=”image/x-icon” />
and put it after <header> in your web site file.

Add the code into your web page that you want your favicon to display.
There you have it,