Anthony Pinto Anthony Pinto - 1 month ago 7
CSS Question

How do I add a Safari icon to my website?

As seen here - http://imgur.com/a/g72bN

I have several websites with icons. My personal website however, is just the first letter of the website.

How do I add an icon that will appear in Safari favorites? The Favicon doesn't display here as I had originally thought.

Answer

Insert this in your head:

<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://cdn.css-tricks.com/favicon-96x96.png" sizes="96x96">

just replace the links with your fav-icon at that size, so it looks nice and not blurry

Comments