Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / All-Topics

How to Add Favicon

3.80/5 (4 votes)
4 May 2014CPOL 8.5K  
How to add Favicon

Introduction

Favicon is a image\icon displayed alongside the address of a website and also shown as icon in your favorite/bookmark list of website.

image

How to Add a Favicon

  1. Create an icon (.ico) file which you want to show in address bar, on tab or icon in favorite item.
  2. Name it as favicon.ico and place it on the root folder of your website.
  3. Add the below tag under <Head> section.
    HTML
    <link href="favicon.ico" rel="Shortcut Icon" />

Points to Remember

  1. Size of icon should not exceed dimension 16 x 16.
  2. Browsers can keep your favicon in their cache, so even if you have changed it, old icon can still be shown to user by the browser.
  3. In case the above line of code is not working, try using this:
    HTML
    <link rel="icon" type="image/ico" href="favicon.ico" /> 

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)