Favicon not showing up when saving the page to the home screen using chrome in a mobile

Hi I have put all the exact code to show a favicon. Its working when i try to save the page using a firefox browser. The icon is showing up in my home screen. But if i do the same with a chrome browser, im getting a round square with an alphabet in it. The site i have is run using wordpress. What exactly is the problem ??

I have put the following codes :

i have also added :

jst to force everything to work