diff --git a/layouts/_default/api.html b/layouts/_default/api.html
index 44149fcaa6c5..f3b815332857 100644
--- a/layouts/_default/api.html
+++ b/layouts/_default/api.html
@@ -8,7 +8,10 @@
   <meta name="description" content="{{ .Description }}" />
   <meta charset="utf-8" />
   <!-- favicon -->
-  <link rel="shortcut icon" href="/assets/images/favicon.svg" type="image/svg">
+  <link rel="icon" href="/assets/images/favicon-32x32.png" sizes="32x32" />
+  <link rel="icon" href="/assets/images/favicon-192x192.png" sizes="192x192" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+  <link rel="shortcut icon" href="/favicon.ico">
   <!--
   Provide a link to the swagger / OpenAPI spec itself. We're currently using
   Swagger (OpenAPI v2) for some, so use a more generic "application/yaml" type.
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 10a2951b86fb..e5233f447692 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -17,7 +17,10 @@
 <link rel="canonical" href="{{ .Permalink }}" />
 
 <!-- favicon -->
-<link rel="shortcut icon" href="/assets/images/favicon.svg" type="image/svg">
+<link rel="icon" href="/assets/images/favicon-32x32.png" sizes="32x32" />
+<link rel="icon" href="/assets/images/favicon-192x192.png" sizes="192x192" />
+<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+<link rel="shortcut icon" href="/favicon.ico">
 <meta name="theme-color" content="#2496ed" />
 
 <!-- SEO -->
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
new file mode 100644
index 000000000000..e25989d1514a
Binary files /dev/null and b/static/apple-touch-icon.png differ
diff --git a/static/assets/images/favicon-192x192.png b/static/assets/images/favicon-192x192.png
new file mode 100644
index 000000000000..44ea86081357
Binary files /dev/null and b/static/assets/images/favicon-192x192.png differ
diff --git a/static/assets/images/favicon-32x32.png b/static/assets/images/favicon-32x32.png
new file mode 100644
index 000000000000..f37200f719a2
Binary files /dev/null and b/static/assets/images/favicon-32x32.png differ
diff --git a/static/assets/images/favicon.svg b/static/assets/images/favicon.svg
deleted file mode 100644
index 5a9084c53b81..000000000000
--- a/static/assets/images/favicon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M23.6096 10.3095C23.0211 9.91335 21.4751 9.74419 20.3513 10.0472C20.291 8.92765 19.7132 7.98406 18.6572 7.16074L18.2664 6.89844L18.0059 7.29208C17.4937 8.06936 17.2778 9.10538 17.3542 10.0472C17.4145 10.6275 17.6162 11.2795 18.0059 11.7527C16.543 12.6014 15.1944 12.4086 9.22236 12.4086H0.00204151C-0.0247244 13.7573 0.191901 16.3511 1.84139 18.4627C2.02376 18.6961 2.22326 18.9217 2.44024 19.139C3.78139 20.482 5.80775 21.4669 8.83765 21.4694C13.4603 21.4737 17.4206 18.9749 19.8299 12.9336C20.6225 12.9465 22.7152 13.0757 23.7395 11.0968C23.7645 11.0636 24 10.5721 24 10.5721L23.6096 10.3098V10.3095ZM6.01938 9.07647H3.42665V11.6692H6.01938V9.07647ZM9.36868 9.07647H6.77596V11.6692H9.36868V9.07647ZM12.7183 9.07647H10.1256V11.6692H12.7183V9.07647ZM16.068 9.07647H13.4753V11.6692H16.068V9.07647ZM2.66971 9.07647H0.0769861V11.6692H2.66971V9.07647ZM6.01938 5.80175H3.42665V8.39447H6.01938V5.80175ZM9.36868 5.80175H6.77596V8.39447H9.36868V5.80175ZM12.7183 5.80175H10.1256V8.39447H12.7183V5.80175ZM12.7183 2.52667H10.1256V5.1194H12.7183V2.52667Z" fill="#3A5FE7"/>
-</svg>
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 000000000000..8e1af6dc996e
Binary files /dev/null and b/static/favicon.ico differ