Suggestion on Favicon Usage

Inserting a favicon.ico code to HTML web page.. why and how?

Favicon Code

A letter to an eligible designer..


Can you please check whether the use of favicon has been passed compatibility issues? Currently, the web pages have the following link elements –

<link rel=”icon” type=”image/icon” href=””&gt;

Conventionally, the default favicon.ico file has to be at the root of website since browsers will go looking for the file there by default. However, which is not the case here. The favicon.ico file is not at the website’s root. That’s why I’m enquiring. I prefer to have the above two link elements in the following manner respectively –

<link rel=”icon” href=”/favicon.svg” type=”image/svg” />
<link rel=”shortcut” href=”/favicon.ico” type=”image/x-icon” />

Here, we can consider a designer’s thought as well in order to take informed decision.




Reply from an eligible designer..

There is no need of two links for favicon icon. The (rel=”shortcut icon”) support in all browsers just we need to add type=”image/icon” which is missing currently in the link. Please use following corrected link for the site.

<LINK REL=”SHORTCUT ICON” type=”image/icon” href=””&gt;




So, are you fine with this?

NB: Stay careful while adding favorite.ico icons to the website!


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s