How to define the website screen shortcut icon?

Viewed 27227

I can't find how to make Android use a custom icon (e.g. the favicon or the app-touch image that iOS uses) for a website shortcut.

Can you give me a hint?

6 Answers

I can confirm it works using relative (and absolute was working for me too)... but clearing caching solved what issues i was having... sample lines i used:

<!-- fj Icon for Android Chrome shortcut etc-->
<link rel="apple-touch-icon" href="/static/main/img/m3magnet-full.png">
<link rel="apple-touch-icon-precomposed" href="/static/main/img/m3magnet-full.png">

this is what worked for me. Chrome on Android:

<link rel="icon" type="image/png" href="favicon.png" />
<link rel="shortcut icon" href="favicon.ico" />
<link
  rel="apple-touch-icon"
  sizes="64x64"
  href="http://glatocha.com/bmr/favicon.png"
/>
<link
  rel="apple-touch-icon-precomposed"
  href="http://glatocha.com/bmr/favicon.png"
/>
Related