diff --git a/packages/docs/index.md b/packages/docs/index.md
index e9c90fbae..5ab611f43 100644
--- a/packages/docs/index.md
+++ b/packages/docs/index.md
@@ -9,7 +9,7 @@ hero:
   text: The official Router for Vue.js
   tagline: Expressive, configurable and convenient routing for Vue.js
   image:
-    src: /logo.png
+    src: /logo.svg
     alt: Vue Router
   actions:
     - theme: brand
diff --git a/packages/docs/public/logo.svg b/packages/docs/public/logo.svg
index ef991781c..d0edf9b9a 100644
--- a/packages/docs/public/logo.svg
+++ b/packages/docs/public/logo.svg
@@ -1 +1 @@
-<svg class="logo" viewBox="0 0 128 128" width="24" height="24" data-v-e0ef77de=""><path fill="#42b883" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" data-v-e0ef77de=""></path><path fill="#35495e" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" data-v-e0ef77de=""></path></svg>
+<svg version="1.1" viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"/></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"/></g></g></svg>