diff --git a/static/favicon.svg b/static/favicon.svg
new file mode 100644
index 0000000..5fc04d7
--- /dev/null
+++ b/static/favicon.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <!-- Hintergrund (optional transparent lassen) -->
+  <rect width="100" height="100" fill="#1e1e1e" rx="15"/>
+
+  <!-- Schloss-Symbol (für Sicherheit/Passwörter) -->
+  <path d="M30 40V25a10 10 0 0 1 10-10h20a10 10 0 0 1 10 10v15H70v10a5 5 0 0 1-5 5H35a5 5 0 0 1-5-5v-10z"
+        fill="#4CAF50" stroke="#e0e0e0" stroke-width="2"/>
+
+  <!-- Schlüsselbart (für Generierung/Entsperren) -->
+  <path d="M50 60v20a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V60"
+        fill="none" stroke="#007BFF" stroke-width="3" stroke-linecap="round"/>
+
+  <!-- Binärcode-Hintergrund (für Technik/IT) -->
+  <pattern id="binary" patternUnits="userSpaceOnUse" width="4" height="4">
+    <rect width="2" height="2" fill="#2a2a2a"/>
+    <rect x="2" width="2" height="2" fill="#1e1e1e"/>
+    <rect y="2" width="2" height="2" fill="#1e1e1e"/>
+    <rect x="2" y="2" width="2" height="2" fill="#2a2a2a"/>
+  </pattern>
+  <rect x="0" y="0" width="100" height="100" fill="url(#binary)" opacity="0.3"/>
+</svg>
+
diff --git a/templates/base.html b/templates/base.html
index 920a6a4..8946cc9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ block "title" . }}Passwort-Generator{{ end }}</title>
+    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="/static/favicon.svg" type="image/x-icon">
     <link rel="stylesheet" href="/static/style.css">
     <script>
       document.addEventListener('DOMContentLoaded', function() {