diff --git a/components/Logo/Index.vue b/components/Logo/Index.vue
index 25d9b27e..f23c8a12 100644
--- a/components/Logo/Index.vue
+++ b/components/Logo/Index.vue
@@ -10,5 +10,5 @@ withDefaults(defineProps<{ width?: number, height?:number }>(), {
height: 50
})
-const src = computed(() => colorMode.value === 'light' ? '/logos/light.svg' : '/logos/dark.svg')
+const src = computed(() => colorMode.value === 'light' ? '/logos/light.png' : '/logos/dark.png')
diff --git a/public/logos/dark.png b/public/logos/dark.png
new file mode 100644
index 00000000..4bbc77ff
Binary files /dev/null and b/public/logos/dark.png differ
diff --git a/public/logos/dark.svg b/public/logos/dark.svg
deleted file mode 100644
index 50cd273c..00000000
--- a/public/logos/dark.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/public/logos/light.png b/public/logos/light.png
new file mode 100644
index 00000000..93904f06
Binary files /dev/null and b/public/logos/light.png differ
diff --git a/public/logos/light.svg b/public/logos/light.svg
deleted file mode 100644
index 97a57147..00000000
--- a/public/logos/light.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-