HTML necessary for bookmark icon in Android


I have seen other posts about this, but the solutions did not work for me.
I have a OnePlus 2 running Android 5.1.1, and a website,
I’d like the icon to show on my homescreen of my phone when I add the bookmark of my site. Instead, it shows just the letter D on a grey, dull background [2].

I have got this piece of HTMl in my <head> to ensure compatibility, but to no avail, it seems.

<link rel="apple-touch-icon" sizes="57x57" href="/ico/apple-touch-icon-57x57.png?v=3">
<link rel="apple-touch-icon" sizes="60x60" href="/ico/apple-touch-icon-60x60.png?v=3">
<link rel="apple-touch-icon" sizes="72x72" href="/ico/apple-touch-icon-72x72.png?v=3">
<link rel="apple-touch-icon" sizes="76x76" href="/ico/apple-touch-icon-76x76.png?v=3">
<link rel="apple-touch-icon" sizes="114x114" href="/ico/apple-touch-icon-114x114.png?v=3">
<link rel="apple-touch-icon" sizes="120x120" href="/ico/apple-touch-icon-120x120.png?v=3">
<link rel="apple-touch-icon" sizes="144x144" href="/ico/apple-touch-icon-144x144.png?v=3">
<link rel="apple-touch-icon" sizes="152x152" href="/ico/apple-touch-icon-152x152.png?v=3">
<link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon-180x180.png?v=3">
<link rel="icon" type="image/png" href="/ico/favicon-32x32.png?v=3" sizes="32x32">
<link rel="icon" type="image/png" href="/ico/android-chrome-192x192.png?v=3" sizes="192x192">
<link rel="icon" type="image/png" href="/ico/favicon-96x96.png?v=3" sizes="96x96">
<link rel="icon" type="image/png" href="/ico/favicon-16x16.png?v=3" sizes="16x16">
<link rel="manifest" href="/ico/manifest.json?v=3">
<link rel="shortcut icon" href="/ico/favicon.ico?v=3">
<meta name="apple-mobile-web-app-title" content="DaltonEmpire">
<meta name="application-name" content="DaltonEmpire">
<meta name="msapplication-TileColor" content="#59a4c3">
<meta name="msapplication-TileImage" content="/ico/mstile-144x144.png?v=3">
<meta name="msapplication-config" content="/ico/browserconfig.xml?v=3">
<meta name="theme-color" content="#59a4c3">

The files are in that folder present, and the favicon validator says this HTML is enough to ensure all bookmarks are presented as icons. Why is this not the case for me on Android 5.1.1, and how do I change this?

With kind regards,

Isaiah van Hunen

Attachments: [2]


Source: bookmarks

Leave a Reply