diff --git a/README.md b/README.md
index 006964c..63b8860 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Interactive Tables
+![ITables Logo](itables/logo/wide.svg)
 
 ![CI](https://github.com/mwouts/itables/actions/workflows/continuous-integration.yml/badge.svg?branch=main)
 [![codecov.io](https://codecov.io/github/mwouts/itables/coverage.svg?branch=main)](https://codecov.io/github/mwouts/itables?branch=main)
@@ -7,8 +7,6 @@
 [![pyversions](https://img.shields.io/pypi/pyversions/itables.svg)](https://pypi.python.org/pypi/itables)
 [![Code style: black](https://img.shields.io/badge/code%20style-black-000000.svg)](https://github.com/psf/black)
 
-## Turn your Python DataFrames into Interactive DataTables
-
 This packages changes how Pandas and Polars DataFrames are rendered in Jupyter Notebooks.
 With `itables` you can display your tables as interactive [DataTables](https://datatables.net/)
 that you can sort, paginate, scroll or filter.
diff --git a/docs/_config.yml b/docs/_config.yml
index add33a7..748c067 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -1,6 +1,7 @@
 title: Interactive Tables
 author: Marc Wouts
 copyright: "2019-2024"
+logo: "../itables/logo/logo.svg"
 execute:
   execute_notebooks: force
 sphinx:
diff --git a/docs/quick_start.md b/docs/quick_start.md
index f44e0d3..bbaabe8 100644
--- a/docs/quick_start.md
+++ b/docs/quick_start.md
@@ -12,7 +12,7 @@ kernelspec:
   name: itables
 ---
 
-# Quick Start
+![ITables Logo](../itables/logo/text.svg)
 
 ![CI](https://github.com/mwouts/itables/actions/workflows/continuous-integration.yml/badge.svg?branch=main)
 [![codecov.io](https://codecov.io/github/mwouts/itables/coverage.svg?branch=main)](https://codecov.io/github/mwouts/itables?branch=main)
@@ -23,8 +23,6 @@ kernelspec:
 <a class="github-button" href="https://github.com/mwouts/itables" data-icon="octicon-star" data-show-count="true" aria-label="Star mwouts/itables on GitHub">Star</a>
 <script async defer src="https://buttons.github.io/buttons.js"></script>
 
-## Turn your Python DataFrames into Interactive DataTables
-
 This packages changes how Pandas and Polars DataFrames are rendered in Jupyter Notebooks.
 With `itables` you can display your tables as interactive [DataTables](https://datatables.net/)
 that you can sort, paginate, scroll or filter.
@@ -36,6 +34,8 @@ The `itables` package depends only on `numpy`, `pandas` and `IPython`
 which you must already have if you work with Pandas in Jupyter (add `polars`, `pyarrow` if you
 work with Polars DataFrames).
 
+# Quick Start
+
 ## Installation
 
 Install the `itables` package with either
diff --git a/itables/logo/logo.svg b/itables/logo/logo.svg
new file mode 100644
index 0000000..b41ead2
--- /dev/null
+++ b/itables/logo/logo.svg
@@ -0,0 +1,41 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 500 400" style="font-family: 'Droid Sans', sans-serif;">
+    <g style="fill:#d9d7fc">
+        <path d="M100,400H500V357H100Z" />
+        <path d="M100,300H400V257H100Z" />
+        <path d="M0,200H400V157H0Z" />
+        <path d="M100,100H500V57H100Z" />
+    </g>
+    <g style="fill:#1a1366;stroke:#1a1366;">
+        <path d="M100,350H500V307H100Z" />
+        <path d="M100,250H400V207H100Z" />
+        <path d="M0,150H400V107H0Z" />
+        <path d="M100,50H500V7H100Z" />
+        <g style="fill:transparent;stroke-width:8; stroke-linejoin:round" rx="5">
+            <g transform="translate(45 50) rotate(-45)">
+                <circle r="33" cx="0" cy="0" />
+                <rect x="-8" y="32" width="16" height="30" />
+            </g>
+
+            <g transform="translate(450 152)">
+                <polyline points="-15,-20 -35,-20 -35,40 25,40 25,20" />
+                <rect x="-15" y="-40" width="60" height="60" />
+            </g>
+
+            <g transform="translate(50 352)">
+                <polygon points="-35,-5 0,-40 35,-5" />
+                <polygon points="-35,10 0,45 35,10" />
+            </g>
+
+            <g transform="translate(75 250)">
+                <polyline points="-30,30 -60,0 -30,-30" />
+                <polyline points="0,30 -30,0 0,-30" />
+            </g>
+
+            <g transform="translate(425 250) rotate(180)">
+                <polyline points="-30,30 -60,0 -30,-30" />
+                <polyline points="0,30 -30,0 0,-30" />
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/itables/logo/text.svg b/itables/logo/text.svg
new file mode 100644
index 0000000..2a70b9a
--- /dev/null
+++ b/itables/logo/text.svg
@@ -0,0 +1,13 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 933 380" style="font-family: 'Droid Sans', sans-serif; background-color:transparent">
+    <g style="fill:#1a1366;stroke:#1a1366;">
+        <text style="font-size: 240px; font-weight:bold;">
+            <tspan x="-10" y="190">ITables</tspan>
+        </text>
+
+        <text style="font-size: 75px;">
+            <tspan x="40" y="280">Python DataFrames as</tspan>
+            <tspan x="40" y="375">Interactive DataTables</tspan>
+        </text>
+    </g>
+</svg>
diff --git a/itables/logo/wide.svg b/itables/logo/wide.svg
new file mode 100644
index 0000000..7ad824a
--- /dev/null
+++ b/itables/logo/wide.svg
@@ -0,0 +1,50 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 1483 400" style="font-family: 'Droid Sans', sans-serif;">
+    <g style="fill:#d9d7fc">
+        <path d="M100,400H400V357H100Z" />
+        <path d="M100,300H500V257H100Z" />
+        <path d="M0,200H400V157H0Z" />
+        <path d="M100,100H500V57H100Z" />
+    </g>
+    <g style="fill:#1a1366;stroke:#1a1366;">
+        <path d="M100,350H400V307H100Z" />
+        <path d="M100,250H500V207H100Z" />
+        <path d="M0,150H400V107H0Z" />
+        <path d="M100,50H500V7H100Z" />
+        <g style="fill:transparent;stroke-width:8; stroke-linejoin:round" rx="5">
+            <g transform="translate(45 50) rotate(-45)">
+                <circle r="33" cx="0" cy="0" />
+                <rect x="-8" y="32" width="16" height="30" />
+            </g>
+
+            <g transform="translate(450 152)">
+                <polyline points="-15,-20 -35,-20 -35,40 25,40 25,20" />
+                <rect x="-15" y="-40" width="60" height="60" />
+            </g>
+
+            <g transform="translate(50 252)">
+                <polygon points="-35,-5 0,-40 35,-5" />
+                <polygon points="-35,10 0,45 35,10" />
+            </g>
+
+            <g transform="translate(75 350)">
+                <polyline points="-30,30 -60,0 -30,-30" />
+                <polyline points="0,30 -30,0 0,-30" />
+            </g>
+
+            <g transform="translate(425 350) rotate(180)">
+                <polyline points="-30,30 -60,0 -30,-30" />
+                <polyline points="0,30 -30,0 0,-30" />
+            </g>
+        </g>
+
+        <text style="font-size: 240px; font-weight:bold;">
+            <tspan x="550" y="183">ITables</tspan>
+        </text>
+
+        <text style="font-size: 75px;">
+            <tspan x="590" y="280">Python DataFrames as</tspan>
+            <tspan x="590" y="375">Interactive DataTables</tspan>
+        </text>
+    </g>
+</svg>
diff --git a/itables/logo/with_text.svg b/itables/logo/with_text.svg
new file mode 100644
index 0000000..40bc27b
--- /dev/null
+++ b/itables/logo/with_text.svg
@@ -0,0 +1,49 @@
+<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 600 400" style="font-family: 'Droid Sans', sans-serif;">
+    <g style="fill:#d9d7fc">
+        <path d="M100,400H600V357H100Z" />
+        <path d="M100,300H500V257H100Z" />
+        <path d="M0,200H500V107H0Z" />
+        <path d="M100,100H600V57H100Z" />
+    </g>
+    <g style="fill:#1a1366;stroke:#1a1366;">
+        <path d="M100,250H500V207H100Z" />
+        <path d="M100,350H600V307H100Z" />
+        <path d="M100,50H600V7H100Z" />
+        <g style="fill:transparent;stroke-width:8; stroke-linejoin:round" rx="5">
+            <g transform="translate(45 50) rotate(-45)">
+                <circle r="33" cx="0" cy="0" />
+                <rect x="-8" y="32" width="16" height="30" />
+            </g>
+
+            <g transform="translate(550 152)">
+                <polyline points="-15,-20 -35,-20 -35,40 25,40 25,20" />
+                <rect x="-15" y="-40" width="60" height="60" />
+            </g>
+
+            <g transform="translate(50 352)">
+                <polygon points="-35,-5 0,-40 35,-5" />
+                <polygon points="-35,10 0,45 35,10" />
+            </g>
+
+            <g transform="translate(75 250)">
+                <polyline points="-30,30 -60,0 -30,-30" />
+                <polyline points="0,30 -30,0 0,-30" />
+            </g>
+
+            <g transform="translate(525 250) rotate(180)">
+                <polyline points="-30,30 -60,0 -30,-30" />
+                <polyline points="0,30 -30,0 0,-30" />
+            </g>
+        </g>
+
+        <text x="70" y="190" style="font-size: 100px; fill-opacity: 1.0;">
+            <tspan style="font-weight:bold">ITables</tspan>
+        </text>
+
+        <text style="font-size: 35px;">
+            <tspan x="120" y="290">Python DataFrames</tspan>
+            <tspan x="120" y="390">as Interactive DataTables</tspan>
+        </text>
+    </g>
+</svg>