Website icon (rel=icon) not appearing in chrome for android

Question

I have this code on every page of my website.

Yet when I go to my website on Chrome for Android and tap "Add to home screen" my icon never shows up in the dialog. My image is of the correct size and exists.

What is going on?

I have used this documentation from Google.

Update

My website is http://compesh.com Look at the page source and see if I've made any mistakes.

It works in Firefox for Android but not Chrome for Android and Chrome for Windows. I see this in Firefox WebIDE

2nd Update Firefox for Windows is not showing my favicon image in the tab. Instead it is showing the wrong image and scaling it down to 16x16 pixels, instead of using my 16x16 favicon I specified in my web page.

user_5669938 · Answer

hey try this one just go to https://www.favicon-generator.org and choose your file and click on create favicon.

Now Download the rar file and extract where your project file is and then copy below code

now refresh the browser or try in another browser

user_7521861 · Answer

buddy you are using html 4, why don't you use html 5.
and in href="/" it's not necessary to give full path/link. in your code just do some minor change. i hope it will help you.
i guess @sarvesh has explain you everything

user_7115048 · Answer

You have placed below div (maybe mistakenly)

tag right after

in your head tag, that's why browser is closing your head tag before that div and favicon not showing. Remove that div from your head and everything will be fine.

user_2596344 · Answer

Try this in your href :

http://compesh.com/assets/graphics/touch-icon-chrome.png?v=2

You see the "?v=2" for clearing cache directly

user_6612202 · Answer

Try this:

Works fine on my android phone. I tested it on http://helledussen.com/test

Website icon (rel=icon) not appearing in chrome for android

7 Answers