Adding a favicon to your WordPress site

February 11, 2010

Favicon is the small icon that appears in the left of the url of a website up in the browser. It stands for favorites icon and is thought to be used to identify your website.

Favicon is a small 16×16 px icon named favicon.ico
How do you create a favicon? The easiest way to create one is use online services.  I personally use the one here You need simply to upload the image in the upload field and you’ll have your favicon ready in seconds.

Upload your new favicon.ico file inside the theme folder and in the header.php file, inside the <head> </head> tags add this line of code :
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

Your favicon will appear in the browser in seconds.


  1. Very nice site and favicon maker website.. Thanks..

  2. Rich says:

    Hey liked the post – i’ve always wondered how to do that! & nice bit of software for the favicon
    thanks Rich

  3. thanks for the tutorial.. now mine also is up 🙂

  4. Grapedrink says:

    I think I pretty much tried this to a T and it is not working for me… what can I be doing wrong?

    • Mike says:

      If you followed the instructions correctly it should work fine. Make sure the favicon.ico file is inside your active theme, in the root folder, not inside the images folder.

  5. theartdonor says:

    Grapedrink & Mike,
    I couldn’t get my favicon to work using the code above. The following worked for me –

    <link rel="shortcut icon" href="/favicon.ico” />

    I got this bit of code from

    Hope it helps.

Leave a Reply

Your email address will not be published. Required fields are marked *



Get notified of new theme releases.

lifetime package

Get all our current and future themes with a one time payment.

View Details

Seasonal sale! Use code 'discount20' to get 20% discount on all products including our Lifetime Package.
Summer is here!! Use code 'summer30' to get 30% off all our themes including the Lifetime Package.