Image end favicon

Here is the code I use for favicon, etc. You paste it in Settings > Code > Head

I use this site https://realfavicongenerator.net to generate the favicon and code. You may have to change the path to your files from the generated code. I put them in RW’s Resources in a folder named “favicons” but you can put them anywhere you like. Just be sure that the path is correct, and use the absolute url(s) for the files, ie the full web address.

    <link rel="apple-touch-icon" sizes="152x152" href="https://professionalpianoservice.com/resources/favicons/apple-touch-icon.png?v=dLJzba6n40">
<link rel="icon" type="image/png" sizes="32x32" href="https://professionalpianoservice.com/resources/favicons/favicon-32x32.png?v=dLJzba6n40">
<link rel="icon" type="image/png" sizes="16x16" href="https://professionalpianoservice.com/resources/favicons/favicon-16x16.png?v=dLJzba6n40">
<link rel="manifest" href="https://professionalpianoservice.com/resources/favicons/site.webmanifest?v=dLJzba6n40">
<link rel="mask-icon" href="https://professionalpianoservice.com/resources/favicons/safari-pinned-tab.svg?v=dLJzba6n40" color="#000000">
<link rel="shortcut icon" href="https://professionalpianoservice.com/resources/favicons/favicon.ico?v=dLJzba6n40">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="https://professionalpianoservice.com/resources/favicons/browserconfig.xml?v=dLJzba6n40">
2 Likes