苹果触摸图标 svg 支持

【问题标题】：apple touch icon svg support苹果触摸图标 svg 支持
【发布时间】：2013-03-20 13:20:48
【问题描述】：

是否可以（或很快支持）将所有触摸图标替换为单个 SVG？

所以，而不是；

<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">

...只有一个；

<link rel="apple-touch-icon" href="/apple-touch-icon.svg">

【问题讨论】：

标签： svg apple-touch-icon

【解决方案1】：

不幸的是，iOS 目前不支持 SVG 图标。而且它可能不会很快得到支持。安卓也不支持。

更新：
看起来 Safari 开始支持 SVG 图标了

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

要为 Safari 中的固定标签添加 svg 图标，您需要添加：

<link rel="mask-icon" href="website_icon.svg" color="red">

【讨论】：

我该如何添加这个？
此示例仅适用于 Mac 上 Safari 中的固定选项卡。 iOS 上不支持固定选项卡，触摸图标也不支持。