Thanks for looking into it, but it’s still not working. I think I know why.
Your HTML code looks correct and the image URL works fine, but it seems you might have typed the HTML code into the wrong place. It should go in a new line immediately above the closing < /head > tag. It looks like you currently have it somewhere after the < body > tag. See screenshot below.
Everything I highlighted in blue in the screenshot should be moved up to where the red arrow is pointing, in a new line between the < /script > and < /head >
If you don’t see that part in the code where the red arrow is pointing to, it’s entirely possible you don’t have access to anything within the < head > tags since you’re using a graphical HTML code injector interface. It might be something that needs to be done within the raw home.html file (or whatever it’s named).
On both iPad and iPhone: no change. The tab-favicon is the stylized F. But I still see the dull default F on the start screen for a new window. I’ve tried quitting and restarting Safari, no change. I haven’t tried turning the iPad off and on.
Ok, I removed the favorites, changed it back to classic theme, re-added the website as a favorite, and now the stylized icon re-appeared in my iPad and MacBook, but still not on my iPhone.
Thanks. I thought this might have been the issue, but upon looking more into it, it seems sizes no longer need to be specifically defined.
Ever since the iPhone X came out, there has been numerous different icon sizes for different iPhone models because of all the diverse screen sizes, so Apple now recommends one large icon that can be scaled down automatically and applied to all smaller devices.