diff --git a/README.md b/README.md
index 99bea0e..ba98567 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,8 @@
-# gtfs-sqljs
-
-A TypeScript library for loading GTFS (General Transit Feed Specification) data into a sql.js SQLite database for querying in both browser and Node.js environments.
+<div align="center">
+  <img src="logo.svg" alt="gtfs-sqljs logo" width="200" height="200">
+  <h1>gtfs-sqljs</h1>
+  <p>A TypeScript library for loading GTFS (General Transit Feed Specification) data into a sql.js SQLite database for querying in both browser and Node.js environments.</p>
+</div>
 
 ## Author
 
diff --git a/logo-128.png b/logo-128.png
new file mode 100644
index 0000000..a90a7ef
Binary files /dev/null and b/logo-128.png differ
diff --git a/logo-16.png b/logo-16.png
new file mode 100644
index 0000000..b9ce843
Binary files /dev/null and b/logo-16.png differ
diff --git a/logo-256.png b/logo-256.png
new file mode 100644
index 0000000..6474d0a
Binary files /dev/null and b/logo-256.png differ
diff --git a/logo-32.png b/logo-32.png
new file mode 100644
index 0000000..28e66e4
Binary files /dev/null and b/logo-32.png differ
diff --git a/logo-512.png b/logo-512.png
new file mode 100644
index 0000000..b72d799
Binary files /dev/null and b/logo-512.png differ
diff --git a/logo-64.png b/logo-64.png
new file mode 100644
index 0000000..7a53e53
Binary files /dev/null and b/logo-64.png differ
diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..2d808ae
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1,110 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
+  <defs>
+    <linearGradient id="featherGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4A90E2;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#357ABD;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="gGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#5CB85C;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#449D44;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Background circle -->
+  <circle cx="100" cy="100" r="95" fill="#FFFFFF" stroke="#E0E0E0" stroke-width="2"/>
+
+  <!-- Feather (SQLite symbol) -->
+  <g transform="translate(45, 50)">
+    <!-- Feather shaft -->
+    <path d="M 30 10 Q 28 50 25 90"
+          stroke="url(#featherGradient)"
+          stroke-width="3"
+          fill="none"
+          stroke-linecap="round"/>
+
+    <!-- Feather barbs (left side) -->
+    <path d="M 30 15 Q 15 20 10 25"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 25 Q 18 28 12 32"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 35 Q 20 36 14 38"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 45 Q 20 45 15 45"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 55 Q 21 54 16 52"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 27 65 Q 22 63 18 60"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+
+    <!-- Feather barbs (right side) -->
+    <path d="M 30 18 Q 42 22 48 26"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 28 Q 38 30 44 33"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 38 Q 36 39 42 40"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 48 Q 34 48 39 47"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 58 Q 33 57 37 55"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 27 68 Q 31 66 34 63"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+  </g>
+
+  <!-- Large G letter (GTFS symbol) -->
+  <g transform="translate(85, 50)">
+    <path d="M 60 25 Q 40 15 25 25 Q 10 35 10 50 Q 10 65 25 75 Q 40 85 60 75 L 60 50 L 45 50"
+          fill="url(#gGradient)"
+          stroke="url(#gGradient)"
+          stroke-width="2"
+          stroke-linejoin="round"/>
+
+    <!-- Inner cutout for G -->
+    <path d="M 60 30 Q 43 22 28 30 Q 15 38 15 50 Q 15 62 28 70 Q 43 78 60 70 L 60 55 L 48 55"
+          fill="#FFFFFF"/>
+  </g>
+
+  <!-- Project name text -->
+  <text x="100" y="165"
+        font-family="Arial, sans-serif"
+        font-size="18"
+        font-weight="bold"
+        fill="#333333"
+        text-anchor="middle">gtfs-sqljs</text>
+</svg>
diff --git a/website/demo.html b/website/demo.html
index 5b6385f..a41dd7b 100644
--- a/website/demo.html
+++ b/website/demo.html
@@ -4,12 +4,18 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Demo - gtfs-sqljs</title>
+  <link rel="icon" type="image/png" sizes="32x32" href="./logo-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./logo-16.png">
+  <link rel="icon" type="image/svg+xml" href="./logo.svg">
   <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <nav class="navbar">
     <div class="container">
-      <h1 class="logo">gtfs-sqljs</h1>
+      <div class="logo">
+        <img src="./logo.svg" alt="gtfs-sqljs logo" width="40" height="40" style="vertical-align: middle; margin-right: 10px;">
+        <span>gtfs-sqljs</span>
+      </div>
       <ul class="nav-links">
         <li><a href="./index.html">Documentation</a></li>
         <li><a href="./demo.html" class="active">Demo</a></li>
diff --git a/website/index.html b/website/index.html
index 8a9da81..7b2518c 100644
--- a/website/index.html
+++ b/website/index.html
@@ -4,12 +4,18 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>gtfs-sqljs - GTFS Data with SQL.js</title>
+  <link rel="icon" type="image/png" sizes="32x32" href="./logo-32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./logo-16.png">
+  <link rel="icon" type="image/svg+xml" href="./logo.svg">
   <link rel="stylesheet" href="./style.css">
 </head>
 <body>
   <nav class="navbar">
     <div class="container">
-      <h1 class="logo">gtfs-sqljs</h1>
+      <div class="logo">
+        <img src="./logo.svg" alt="gtfs-sqljs logo" width="40" height="40" style="vertical-align: middle; margin-right: 10px;">
+        <span>gtfs-sqljs</span>
+      </div>
       <ul class="nav-links">
         <li><a href="./index.html">Documentation</a></li>
         <li><a href="./demo.html">Demo</a></li>
@@ -20,6 +26,7 @@ <h1 class="logo">gtfs-sqljs</h1>
 
   <main class="container">
     <section class="hero">
+      <img src="./logo.svg" alt="gtfs-sqljs logo" width="120" height="120" style="margin-bottom: 20px;">
       <h1>gtfs-sqljs</h1>
       <p class="subtitle">Load GTFS data into sql.js SQLite database for querying in browser and Node.js</p>
       <div class="hero-buttons">
diff --git a/website/public/logo-16.png b/website/public/logo-16.png
new file mode 100644
index 0000000..b9ce843
Binary files /dev/null and b/website/public/logo-16.png differ
diff --git a/website/public/logo-32.png b/website/public/logo-32.png
new file mode 100644
index 0000000..28e66e4
Binary files /dev/null and b/website/public/logo-32.png differ
diff --git a/website/public/logo.png b/website/public/logo.png
new file mode 100644
index 0000000..1c7b514
Binary files /dev/null and b/website/public/logo.png differ
diff --git a/website/public/logo.svg b/website/public/logo.svg
new file mode 100644
index 0000000..2d808ae
--- /dev/null
+++ b/website/public/logo.svg
@@ -0,0 +1,110 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
+  <defs>
+    <linearGradient id="featherGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4A90E2;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#357ABD;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="gGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#5CB85C;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#449D44;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Background circle -->
+  <circle cx="100" cy="100" r="95" fill="#FFFFFF" stroke="#E0E0E0" stroke-width="2"/>
+
+  <!-- Feather (SQLite symbol) -->
+  <g transform="translate(45, 50)">
+    <!-- Feather shaft -->
+    <path d="M 30 10 Q 28 50 25 90"
+          stroke="url(#featherGradient)"
+          stroke-width="3"
+          fill="none"
+          stroke-linecap="round"/>
+
+    <!-- Feather barbs (left side) -->
+    <path d="M 30 15 Q 15 20 10 25"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 25 Q 18 28 12 32"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 35 Q 20 36 14 38"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 45 Q 20 45 15 45"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 55 Q 21 54 16 52"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 27 65 Q 22 63 18 60"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+
+    <!-- Feather barbs (right side) -->
+    <path d="M 30 18 Q 42 22 48 26"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 28 Q 38 30 44 33"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 29 38 Q 36 39 42 40"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 48 Q 34 48 39 47"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 28 58 Q 33 57 37 55"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+    <path d="M 27 68 Q 31 66 34 63"
+          stroke="url(#featherGradient)"
+          stroke-width="2"
+          fill="none"
+          stroke-linecap="round"/>
+  </g>
+
+  <!-- Large G letter (GTFS symbol) -->
+  <g transform="translate(85, 50)">
+    <path d="M 60 25 Q 40 15 25 25 Q 10 35 10 50 Q 10 65 25 75 Q 40 85 60 75 L 60 50 L 45 50"
+          fill="url(#gGradient)"
+          stroke="url(#gGradient)"
+          stroke-width="2"
+          stroke-linejoin="round"/>
+
+    <!-- Inner cutout for G -->
+    <path d="M 60 30 Q 43 22 28 30 Q 15 38 15 50 Q 15 62 28 70 Q 43 78 60 70 L 60 55 L 48 55"
+          fill="#FFFFFF"/>
+  </g>
+
+  <!-- Project name text -->
+  <text x="100" y="165"
+        font-family="Arial, sans-serif"
+        font-size="18"
+        font-weight="bold"
+        fill="#333333"
+        text-anchor="middle">gtfs-sqljs</text>
+</svg>