search

puddlejumper26 / blogs

Personal Tech Blogs
4 stars 1 forks source link

mask-icon on apple ios #65

Open puddlejumper26 opened 4 years ago

puddlejumper26 commented 4 years ago

1.0 mask-icon

So this is the pinned tabs for safari. image

Requirements for the SVG

Application

inside head of index.html

<link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg" color="#ffffff">

2.0 theme-color

[2] [3]

To specify the theme color for Chrome on Android, use the meta theme color.

Reference

[1] https://developer.yoast.com/safari-pinned-tab-icon-mask-icon/ [2] https://developers.google.com/web/fundamentals/design-and-ux/browser-customization [3] https://webhint.io/docs/user-guide/hints/hint-meta-theme-color/ [4] https://discourse.wicg.io/t/unify-metadata-in-a-more-understandable-performant-fashion/930