diff --git a/assets/favicons/docs.ico b/assets/favicons/docs.ico
deleted file mode 100644
index 7925783d50..0000000000
Binary files a/assets/favicons/docs.ico and /dev/null differ
diff --git a/assets/favicons/docs@2x.ico b/assets/favicons/docs@2x.ico
deleted file mode 100644
index 523925f7bd..0000000000
Binary files a/assets/favicons/docs@2x.ico and /dev/null differ
diff --git a/layouts/_default/api-baseof.html b/layouts/_default/api-baseof.html
index a629f15c6b..dec745a218 100644
--- a/layouts/_default/api-baseof.html
+++ b/layouts/_default/api-baseof.html
@@ -8,7 +8,7 @@
   <meta name="description" content="{{ .Description }}" />
   <meta charset="utf-8" />
   <!-- favicon -->
-  {{- partialCached "favicon.html" "favicon" }}
+  <link rel="shortcut icon" href="/assets/images/favicon.svg" type="image/svg">
   <style>
     body {
       margin: 0;
@@ -23,9 +23,9 @@
     .auth-tag,.pat,.oat {
       border-radius: 4px;
       color: #fff;
-      padding: 5px; 
+      padding: 5px;
     }
-    
+
     .pat {
       background-color: rgb(149, 80, 124);
     }
@@ -37,9 +37,9 @@
     .oat::after {
       content: "org access token";
     }
-    
+
     .oat {
-      background-color: rgb(24, 111, 175); 
+      background-color: rgb(24, 111, 175);
     }
 
     .auth-tag:not(:last-child) {
diff --git a/layouts/partials/favicon.html b/layouts/partials/favicon.html
deleted file mode 100644
index 0893cdc33f..0000000000
--- a/layouts/partials/favicon.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{{- $favicon := resources.Get "favicons/docs@2x.ico" }}
-<link
-  rel="icon"
-  type="image/x-icon"
-  href="{{ $favicon.Permalink }}"
-  sizes="129x128"
-/>
-<link
-  rel="apple-touch-icon"
-  type="image/x-icon"
-  href="{{ $favicon.Permalink }}"
-  sizes="129x128"
-/>
-<meta
-  name="msapplication-TileImage"
-  content="{{ $favicon.Permalink }}"
-/>
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 5669271132..a171450eb7 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -17,7 +17,7 @@
 <link rel="canonical" href="{{ .Permalink }}" />
 
 <!-- favicon -->
-{{ partialCached "favicon.html" "favicon" }}
+<link rel="shortcut icon" href="/assets/images/favicon.svg" type="image/svg">
 <meta name="theme-color" content="#2496ed" />
 
 <!-- SEO -->
diff --git a/static/assets/images/favicon.svg b/static/assets/images/favicon.svg
new file mode 100644
index 0000000000..5a9084c53b
--- /dev/null
+++ b/static/assets/images/favicon.svg
@@ -0,0 +1,3 @@
+<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>