diff --git a/index.html b/index.html
index 9628676a..4f7cf082 100644
--- a/index.html
+++ b/index.html
@@ -33,22 +33,8 @@
   <div id="app">
     <div id="loading-bg">
       <div class="loading-logo">
-        <!-- SVG Logo -->
-        <svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
-          <g fill="none" fill-rule="evenodd">
-            <path d="M30 21.392a2 2 0 0 1-3.027 1.716l-3.258-1.95a2 2 0 0 1-.973-1.716l-.001-6.7L15
-              17.178l-7.742-4.434v6.7a2 2 0 0 1-.973 1.715l-3.258 1.95A2 2 0 0 1 0 21.392V3.585l.005-.15L0 3.572a2 2 0 0
-              1 3.045-1.706L15 9.194l11.955-7.328A2 2 0 0 1 30 3.572Z" fill="var(--initial-loader-color)" />
-            <path fill="var(--initial-loader-color)" opacity=".078" d="m0 8.589 7.258 4.162v4.08z" />
-            <path fill="var(--initial-loader-color)" opacity=".078" d=" m0 8.589 7.258 4.056v2.492zm30 0-7.258
-              4.153v4.212z" />
-            <path fill="var(--initial-loader-color)" opacity=".078" d="m30 8.589-7.258 4.052v2.62z" />
-            <path d="M3.045 1.866 15 9.194v7.983L0 8.587V3.571a2 2 0 0 1 3.045-1.706Z" fill-opacity=".15" fill="
-              #FFF" />
-            <path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35"
-              fill="#FFF" />
-          </g>
-        </svg>
+        <!-- Logo -->
+        <img src="/logo.png" alt="logo" style="height: 100px">
       </div>
       <div class="loading">
         <div class="effect-1 effects"></div>
diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index f125940f..e4636790 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -2,7 +2,7 @@
 import type { Component } from 'vue'
 import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
 import { useDisplay } from 'vuetify'
-import logo from '@images/logo.svg?raw'
+import logo from '@images/logo.png'
 
 interface Props {
   tag?: string | Component
@@ -56,7 +56,9 @@ function handleNavScroll(evt: Event) {
     <div class="nav-header">
       <slot name="nav-header">
         <RouterLink to="/" class="app-logo d-flex align-center gap-x-3 app-title-wrapper">
-          <div class="d-flex" v-html="logo" />
+          <div class="d-flex">
+            <VImg :src="logo" width="30" />
+          </div>
 
           <h1 class="font-weight-medium leading-normal text-xl">
             MoviePilot
diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
new file mode 100644
index 00000000..9f2b2a2d
Binary files /dev/null and b/src/assets/images/logo.png differ
diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg
deleted file mode 100644
index 650b31f1..00000000
--- a/src/assets/images/logo.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="1.875em" height="1.5em" viewBox="0 0 250 196" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.3002 1.25469L56.655 28.6432C59.0349 30.1128 60.4839 32.711 60.4839 35.5089V160.63C60.4839 163.468 58.9941 166.097 56.5603 167.553L12.2055 194.107C8.3836 196.395 3.43136 195.15 1.14435 191.327C0.395485 190.075 0 188.643 0 187.184V8.12039C0 3.66447 3.61061 0.0522461 8.06452 0.0522461C9.56056 0.0522461 11.0271 0.468577 12.3002 1.25469Z" fill="#9155FD"/>
-    <path opacity="0.077704" fill-rule="evenodd" clip-rule="evenodd" d="M0 65.2656L60.4839 99.9629V133.979L0 65.2656Z" fill="black"/>
-    <path opacity="0.077704" fill-rule="evenodd" clip-rule="evenodd" d="M0 65.2656L60.4839 99.0795V119.859L0 65.2656Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M237.71 1.22393L193.355 28.5207C190.97 29.9889 189.516 32.5905 189.516 35.3927V160.631C189.516 163.469 191.006 166.098 193.44 167.555L237.794 194.108C241.616 196.396 246.569 195.151 248.856 191.328C249.605 190.076 250 188.644 250 187.185V8.09597C250 3.64006 246.389 0.027832 241.935 0.027832C240.444 0.027832 238.981 0.441882 237.71 1.22393Z" fill="#9155FD"/>
-    <path opacity="0.077704" fill-rule="evenodd" clip-rule="evenodd" d="M250 65.2656L189.516 99.8897V135.006L250 65.2656Z" fill="black"/>
-    <path opacity="0.077704" fill-rule="evenodd" clip-rule="evenodd" d="M250 65.2656L189.516 99.0497V120.886L250 65.2656Z" fill="black"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2787 1.18923L125 70.3075V136.87L0 65.2465V8.06814C0 3.61223 3.61061 0 8.06452 0C9.552 0 11.0105 0.411583 12.2787 1.18923Z" fill="#9155FD"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2787 1.18923L125 70.3075V136.87L0 65.2465V8.06814C0 3.61223 3.61061 0 8.06452 0C9.552 0 11.0105 0.411583 12.2787 1.18923Z" fill="white" fill-opacity="0.15"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M237.721 1.18923L125 70.3075V136.87L250 65.2465V8.06814C250 3.61223 246.389 0 241.935 0C240.448 0 238.99 0.411583 237.721 1.18923Z" fill="#9155FD"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M237.721 1.18923L125 70.3075V136.87L250 65.2465V8.06814C250 3.61223 246.389 0 241.935 0C240.448 0 238.99 0.411583 237.721 1.18923Z" fill="white" fill-opacity="0.3"/>
-</svg>
diff --git a/src/assets/images/pro/upgrade-banner-dark.png b/src/assets/images/pro/upgrade-banner-dark.png
deleted file mode 100644
index 6c5fff56..00000000
Binary files a/src/assets/images/pro/upgrade-banner-dark.png and /dev/null differ
diff --git a/src/assets/images/pro/upgrade-banner-light.png b/src/assets/images/pro/upgrade-banner-light.png
deleted file mode 100644
index bbcf01ef..00000000
Binary files a/src/assets/images/pro/upgrade-banner-light.png and /dev/null differ
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 8621d895..99e8a115 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -4,7 +4,7 @@ import { useStore } from 'vuex'
 import { requiredValidator } from '@/@validators'
 import api from '@/api'
 import router from '@/router'
-import logo from '@images/logo.svg?raw'
+import logo from '@images/logo.png'
 
 // Vuex Store
 const store = useStore()
@@ -124,7 +124,7 @@ onMounted(() => {
         <VCardItem class="justify-center mb-7">
           <template #prepend>
             <div class="d-flex">
-              <div v-html="logo" />
+              <VImg :src="logo" width="64" />
             </div>
           </template>