View Full Version : URL Icon

December 17th, 2010, 07:12 PM
Just finished a website and looking to install a url address bar icon. In windows you need a small program that's a .exe. Anyone know of a linux program that does the same thing or can it be setup in 'wordpress'

Spice Weasel
December 17th, 2010, 07:15 PM
Stick the icon you want to use in the root directory of your website and call it "favicon".

December 17th, 2010, 07:22 PM
First, change the name of the favicon to "favicon.ico".
Insert the following HTML tag inside the <head> ... </head> section of your web page:
<link rel="shortcut icon" href="favicon.ico">

If you have downloaded an animated favicon, insert this:
<link rel="shortcut icon" href="favicon.ico">

<link rel="icon" href="NAME OF THE ANIMATED FAVICON.gif" type="image/gif">

Thats it!


Spice Weasel
December 17th, 2010, 07:30 PM
It can be done that way... or you can do it the lazy way and let the web browser find out where the icon is.

December 17th, 2010, 07:33 PM
LOL, I've done it both ways :-) just letting the op know all available methods :-) I was wondering why that way was invented. I was assuming all browsers didn't support favicons or something like that was up. But didn't know for sure.

December 17th, 2010, 07:36 PM

It started with as a Micosoft thing : "drop an .ico in the webfolder root and Interet Explorer will use it as an icon when you add the site to your 'Favorites' "

December 17th, 2010, 08:19 PM
1. Make a small 16x16 icon related to your site. Save it as favicon.ico (can also be favicon.gif or favicon.png, but favicon.ico is pretty much universal and supported by all browsers)
2. Upload it to your site. This can be done by dropping it in the root folder of your site (or the root folder of a sub-domain of your site e.g. forum.mysite.com) or through a CMS admin page (I know that Drupal allows this)
3. Add this to your index.php or <insert language here>:

<link rel="shortcut icon" href="/favicon.ico"> (this isn't necessary if using a CMS as it automatically adds this to your index.whatever)
4. Save it.
5. Make sure that a browser is capable of finding the favicon by visiting your site in one.
6. If it does display the favicon, done!

December 17th, 2010, 08:29 PM
Tried uploading a .png renaming it to favicon.ico but it doesn't upload in that format for me to insert <head>favicon.ico</head>

Spice Weasel
December 17th, 2010, 08:31 PM
favicon.png will work too.

December 17th, 2010, 08:32 PM
You have to tell the browser what to do with it.


January 15th, 2011, 02:36 PM
Tried uploading a .png renaming it to favicon.ico but it doesn't upload in that format for me to insert <head>favicon.ico</head>

Try converting it to ICO using something like http://www.pngtoico.com or downloading an application that converts it to the ICO format. ;)