How to Add Favicon

SonuKSingh

Rate me:

3.80/5 (4 votes)

4 May 2014CPOL

8.3K

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.

Create an icon (.ico) file which you want to show in address bar, on tab or icon in favorite item.
Name it as favicon.ico and place it on the root folder of your website.

Add the below tag under <Head> section.

HTML

<link href="favicon.ico" rel="Shortcut Icon" />

Size of icon should not exceed dimension 16 x 16.
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.
In case the above line of code is not working, try using this:
HTML
```
<link rel="icon" type="image/ico" href="favicon.ico" /> 
```

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

Written By

SonuKSingh

Software Developer

India

Programming is my passion. It is always fun to learn new things.

Follow my blog
Follow on FB

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.