65.9K
CodeProject is changing. Read more.
Home

How to Add Favicon

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.80/5 (4 votes)

May 4, 2014

CPOL
viewsIcon

8473

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.
    <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:
    <link rel="icon" type="image/ico" href="favicon.ico" />