diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 840ee5b77e..2d17409f7a 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -98,12 +98,18 @@
         <link rel="icon" type="image/png" href="/favicons/android-96x96.png" sizes="96xW96">
         <link rel="icon" type="image/png" href="/favicons/android-144x144.png" sizes="144x144">
         <link rel="icon" type="image/png" href="/favicons/android-192x192.png" sizes="192x192">
+        <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#466BB0">
 
         <!-- app manifests -->
         <link rel="manifest" href="/manifest.json">
         <meta name="apple-mobile-web-app-title" content="Istio">
         <meta name="application-name" content="Istio">
 
+        <!-- theme meta -->
+        <meta name="msapplication-config" content="/browserconfig.xml" />
+        <meta name="msapplication-TileColor" content="#466BB0">
+        <meta name="theme-color" content="#466BB0">
+
         <!-- style sheets -->
         <link rel="stylesheet" href="/css/all.css">
         <link rel="preconnect" href="https://fonts.gstatic.com">
diff --git a/layouts/index.redir b/layouts/index.redir
index 731bbb0727..f7c9848beb 100644
--- a/layouts/index.redir
+++ b/layouts/index.redir
@@ -43,6 +43,7 @@ https://istio.netlify.com/* https://istio.io/:splat 301!
 /misc/* /latest/misc/:splat
 /talks/* /latest/talks/:splat
 /favicons/* /latest/favicons/:splat
+/favicon.ico /latest/favicons/favicon.ico 200
 /logos/* /latest/logos/:splat
 
 # navigating to a page without /latest on front, add /latest
diff --git a/static/favicon.ico b/static/favicon.ico
deleted file mode 100644
index 9a82f4501e..0000000000
Binary files a/static/favicon.ico and /dev/null differ
diff --git a/static/favicons/favicon.ico b/static/favicons/favicon.ico
index 9a82f4501e..2a3c800a0a 100644
Binary files a/static/favicons/favicon.ico and b/static/favicons/favicon.ico differ
diff --git a/static/favicons/safari-pinned-tab.svg b/static/favicons/safari-pinned-tab.svg
new file mode 100644
index 0000000000..8d964118f5
--- /dev/null
+++ b/static/favicons/safari-pinned-tab.svg
@@ -0,0 +1 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 144 144"><path d="M0 72v72h144V0H0v72zm88.5-7.5c10.9 24.4 18.8 43.1 18.1 43.2-.6.1-9.6-.8-20.1-2l-19-2.2-.2-42.5c-.1-28.8.1-42 .8-41 .6.8 9.7 20.8 20.4 44.5zM63 79.3v24.3l-11.2 1.8c-6.2.9-12.3 2-13.6 2.3-2 .5-.7-2.7 11-26.1C56.5 67 62.6 55 62.7 55c.2 0 .3 10.9.3 24.3zm42.4 33.5c-.5.5-10.2 3.6-21.6 7L63 126l-13-6.5c-7.1-3.6-13-6.7-13-7 0-.3 15.6-.5 34.7-.5s34.3.4 33.7.8z"/></svg>
\ No newline at end of file