How to create a custom Safari pinned tab icon for your web site

Yesterday, we walked you through the process of pinning Safari tabs in El Capitan.

If you have a web site, your default pin is the first letter of your web site name (L for loopinsight.com, D for daringfireball.net, etc.)

Turns out, it’s very easy to create your own custom pin icon (Click here to open a CNN page, or here to open a NYTimes page, then drag the tab to the left to see their custom pins.)

Jason Mark (no relation, at least not that we’ve figured out yet) pulled together the details in this post.

In a nutshell, build a single color SVG file, save it on your server, reference it in your site header. Simple!