diff --git a/src/assets/images/TFN_black.png b/src/assets/images/TFN_black.png
new file mode 100644
index 000000000..38f3a83f6
Binary files /dev/null and b/src/assets/images/TFN_black.png differ
diff --git a/src/components/custom/Navbar/Navbar.vue b/src/components/custom/Navbar/Navbar.vue
index a36dcb149..1b3c99cab 100644
--- a/src/components/custom/Navbar/Navbar.vue
+++ b/src/components/custom/Navbar/Navbar.vue
@@ -11,14 +11,14 @@
         <div class="inline-flex items-center flex-shrink-0">
           <a href="/" class="flex">
             <g-image
-              :src="require(`!!assets-loader!@images/TFN_black.svg`)"
+              :src="require(`!!assets-loader!@images/TFN_black.png`)"
               class="mr-3 fill-current logo"
               v-if="theme == 'light'"
               alt=""
             />
 
             <g-image
-              :src="require(`!!assets-loader!@images/TFN_black.svg`)"
+              :src="require(`!!assets-loader!@images/TFN_black.png`)"
               class="mr-3 fill-current logo"
               v-else
               alt=""