1

How do I make my Safari Pinned Tab Favicon multi-colored like Pandora has? My logo and favicon are three colors. I followed this tutorial to get the red svg I currently have, but it's a few years old.

https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html

Thanks!

Jason

Safari

Firefox

  • If you go to pandora.com/favicon.ico you can save the actual favicon to your local Mac, open it in your image editor of choice and see what they did, if not how... – Steve Chambers Oct 31 '18 at 13:17
  • @SteveChambers Apple has a special pinned tab favicon in .svg format. The .ico format is what I used for other browsers. – Jason Daniels Oct 31 '18 at 22:03
  • Cool, just learned something. is it favicon.svg? – Steve Chambers Oct 31 '18 at 23:24
  • @SteveChambers It needs to be formatted right. From the link I provided above: <link rel="mask-icon" href="website_icon.svg" color="red"> – Jason Daniels Nov 1 '18 at 5:32
2

Today I rebooted my iMac and when I opened Safari, the pinned tab icons are now multi-colored. It looks like Safari is now pulling the .ico file that the other browsers are pulling. Problem solved.

enter image description here

  • 1
    Well, that only worked for about a day. Back to solid red. – Jason Daniels Nov 15 '18 at 20:24

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .