Apple touch icon safari pinned tab etc

[marklcfc]

Is there a proper way to get the icon showing right? For the apple touch icon I'm talking about in safari when you open a new tab and see frequently visited, your forum icon appears for your site. Andfor safari pinned tab, thats on a tablet. I couldn't get it worked, so I had to create seperate icons and place them in public_html, then I had to add the following into globaltemplate header.

I'm guessing this isn't right but its the only way I could get my icons to show. Is there a proper/easier way this should work?

 

<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"/>
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"/>
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01499F">

[marklcfc]

??‍♂️