Closed geerlingguy closed 4 years ago
Maybe use one of:
Maybe consider adding the Responsive Favicons module:
composer require 'drupal/responsive_favicons:^1.5'
Then use this favicon set:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
Or just toss the favicon in the site root and theme and call it a day :)
I'm putting it all together, though dropping a couple of the things I don't find as relevant.
Both places, since many browsers just look for
/favicon.ico
no matter what.