31

Is it possible (or soon supported) to replace all touch-icon's with a single SVG?

So, instead of;

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">

... just a single;

<link rel="apple-touch-icon" href="/apple-touch-icon.svg">
Robert Lidberg
  • 313
  • 3
  • 5

1 Answers1

17

Unfortunately iOS doesn't support SVG icons at the moment. And it will probably not have support soon. Also android doesn't support it.

Update:
It looks like Safari is starting to support SVG favicons

See: http://caniuse.com/#feat=link-icon-svg

To add a svg icon for pinned tabs within Safari you need to add:

<link rel="mask-icon" href="website_icon.svg" color="red">
ashastral
  • 2,818
  • 1
  • 21
  • 32
Lemnis
  • 462
  • 3
  • 13