diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 4b47b3b..5a2f0bd 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,16 +1,28 @@
-import React from 'react';
-import { Database } from 'lucide-react';
-
 export function Logo() {
   return (
     <div className="flex items-center gap-3">
+      {/* Replace this SVG with your custom logo */}
       <div className="p-3 bg-white/10 rounded-lg">
-        <Database className="h-6 w-6" />
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 100 100"
+          className="h-10 w-10"
+          fill="currentColor"
+        >
+          <circle cx="50" cy="50" r="48" stroke="currentColor" strokeWidth="4" fill="none" />
+          <path
+            d="M50 20L70 50L50 80L30 50Z"
+            fill="currentColor"
+            className="text-nord-7"
+          />
+        </svg>
       </div>
       <div>
         <h1 className="text-2xl font-bold tracking-tight">Snigdha OS Package List</h1>
-        <p className="text-nord-4 text-sm mt-1">Browse and search through the official Snigdha OS package repository</p>
+        <p className="text-nord-4 text-sm mt-1">
+          Browse and search through the official Snigdha OS package repository
+        </p>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}