diff --git a/website/static/favicon.svg b/website/static/favicon.svg
new file mode 100644
index 0000000..660a7c6
--- /dev/null
+++ b/website/static/favicon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M8 2h16a6 6 0 0 1 6 6v8H2V8a6 6 0 0 1 6-6z" fill="#1d5fa6"/>
+  <path d="M2 16h28v8a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6z" fill="#f0c73e"/>
+  <circle cx="11.5" cy="9.5" r="2.2" fill="#f0c73e"/>
+  <circle cx="20.5" cy="22.5" r="2.2" fill="#1d5fa6"/>
+</svg>
diff --git a/website/templates/base.html b/website/templates/base.html
index 4a3bc24..f8eb9e3 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -17,10 +17,7 @@
     />
     <meta property="og:url" content="https://awesome-python.com/" />
     <meta name="twitter:card" content="summary" />
-    <link
-      rel="icon"
-      href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🐍</text></svg>"
-    />
+    <link rel="icon" href="/static/favicon.svg" type="image/svg+xml" />
     <link rel="stylesheet" href="/static/style.css" />
     <script
       async