Perrera.com

09 Nov 2015

Clearing Safari 9's Pinned Tab Icon Cache

by Dan Perrera

The release of OS El Capitan brought us Safari 9, which gave web developers a slew of new features to play with. One of my favorite new features is the ability to define an icon for pinned tabs. Implementing these icons is a snap. All you need is an SVG icon (16px square works best) and a link tag in the head of your document to include it:

<link rel="mask-icon" href="icon.svg" color="#322f31">

While working on our company website I ran into a situation where the pinned tab got stuck on the default letter in a rounded square. No amount of cache clearing had any effect. However, one terminal command saved the day:

rm ~/Library/Safari/Template\ Icons/*

2015 Recap 2015 Recap What is Original? What is Original?
Fore Design Twitter Dribbble GitHub
© 2011—2021 Fore Design, Inc.