I was going to ask the same. Perhaps these guidelines could help the author of this plugin.
“You must follow these guidelines to be eligible for a favicon in Google Search results. […] Your favicon must be a multiple of 48px square, for example: 48x48px, 96x96px, 144x144px and so on. SVG files don’t have a specific size. Any valid favicon format is supported.”
https://developers.google.com/search/docs/appearance/favicon-in-search#guidelines
Hi @argentum. my icon is PNG-24 with transparent background and black logo. I found out that when I add it to the site identity, “Site icon”, the transparency becomes black and so the whole icon.
It displays normally in the media folder.
In Google Search Console, the icon displays a black square on “https” but looks fine on “http”.
I would love to get some help and fix this. It is a bit frustrating!
I have fiddled a bit, as per below. The new icon shows in Google Chromes tab’s favicon. I do not know yet if Google will pick it up and use in Search results pages.
The logo you can add in the customizer, is WordPress’ own generic logo settings. I deleted that image. I then saved the logo as a 24-png 480 x 480 px with transparency. I uploaded the file to root. Then used this code in functions.php
add_action('wp_head', function() {
?>
<link rel="icon" type="image/png" sizes="480x480" href="https://www.yoursite.com/your-logo.png">
<?php
});
I am also fiddling with this. You’ll have to read up on it yourself.
https://realfavicongenerator.net/
It creates a number of files (upload to root of site) and html code links to add to the header for different kind of devices. This is the code I am adding to the header.
add_action('wp_head', function() {
?>
<link rel="icon" type="image/png" sizes="480x480" href="https://www.yourdomain.com/your-logo.png">
<link rel="manifest" href="https://www.yourdomain.com/site.webmanifest">
<link rel="mask-icon" href="https://www.yourdomain.com/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<?php
});
Good luck!
Thanks!
I’ll give it a shot!