поддержка Apple Touch Icon SVG

Возможно ли (или скоро появится поддержка) заменить все сенсорные значки одним 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
person Robert Lidberg    schedule 29.03.2013    source источник

Ответы (1)


arrow_upward
10
arrow_downward

К сожалению, iOS на данный момент не поддерживает значки SVG. И, вероятно, в ближайшее время он не получит поддержки. Также его не поддерживает Android.

Обновление:
Похоже, Safari начинает поддерживать значки SVG.

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

Чтобы добавить значок svg для закрепленных вкладок в Safari, вам необходимо добавить:

<link rel="mask-icon" href="website_icon.svg" color="red">
person Lemnis    schedule 01.08.2014
comment
Как бы это добавить? - person chovy; 29.04.2019
comment
Этот пример работает только с закрепленными вкладками в Safari на Mac. В iOS нет поддержки закрепленных вкладок, и это также не используется для сенсорного значка. - person Nick McCurdy; 29.06.2020