diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
deleted file mode 100644
index 52f1bff..0000000
Binary files a/app/assets/images/logo.png and /dev/null differ
diff --git a/app/assets/images/logo.svg b/app/assets/images/logo.svg
new file mode 100644
index 0000000..a38cad5
--- /dev/null
+++ b/app/assets/images/logo.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 282 282" width="282" height="282">
+  <style>
+    circle,
+    path{fill:none;stroke:#000;stroke-width:15}
+    path{stroke-width:25}
+    .white{stroke:#ccc}
+    .red{stroke:#AD1D25}
+    .blue{stroke:#1E4785}
+  </style>
+  <g transform="translate(50 6)">
+    <path d="M58 168V70a50 50 0 0 1 50-50h20" class="red"/>
+    <path d="M58 236v-100a50 50 0 0 1 50-50h20" class="white"/>
+    <path d="M58 236v-30a50 50 0 0 1 50-50h20" class="blue"/>
+    <circle cx="142" cy="20" r="18" class="red"/>
+    <circle cx="142" cy="88" r="18" class="white"/>
+    <circle cx="142" cy="156" r="18" class="blue"/>
+    <circle cx="58" cy="250" r="18" class="blue"/>
+  </g>
+</svg>
diff --git a/app/layouts/default/Topbar.vue b/app/layouts/default/Topbar.vue
index f7c1c0d..85b31c4 100644
--- a/app/layouts/default/Topbar.vue
+++ b/app/layouts/default/Topbar.vue
@@ -21,7 +21,7 @@ const toggleMenu = () => {
       </button>
 
       <nuxt-link to="/" class="layout-topbar-logo">
-        <img src="@/assets/images/logo.png" alt="Two stick silhouettes admiring fireworks in the sky" />
+        <img src="@/assets/images/logo.svg" alt="Git like tree using red, white-ish and blue colours." />
         <span>Glowing Fiesta</span>
       </nuxt-link>
     </div>
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad..7f9acac 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ