diff --git a/web/static/favicon.svg b/web/static/favicon.svg
new file mode 100644
index 0000000..43d40f2
--- /dev/null
+++ b/web/static/favicon.svg
@@ -0,0 +1,30 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+  <!-- ozadje (temna stena) -->
+  <rect width="512" height="512" fill="#2c2f33"/>
+
+  <!-- okvir projekcijskega platna (črn mat okvir) -->
+  <rect x="96" y="80" width="320" height="352" rx="12" fill="#1a1c20" stroke="#111" stroke-width="8"/>
+
+  <!-- notranji okvir (rahlo svetlejši rob) -->
+  <rect x="104" y="88" width="304" height="336" rx="8" fill="#22252a"/>
+
+  <!-- projekcijsko platno – rahlo svetlejše sivo z gradientom za "zasvetlitev" -->
+  <defs>
+    <linearGradient id="platnoGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#e8ecef"/>
+      <stop offset="40%" stop-color="#d8e0e5"/>
+      <stop offset="70%" stop-color="#c8d4db"/>
+      <stop offset="100%" stop-color="#b0c0ca"/>
+    </linearGradient>
+  </defs>
+  <rect x="112" y="96" width="288" height="320" rx="6" fill="url(#platnoGrad)"/>
+
+  <!-- rahla senca / val na platnu za občutek zavese -->
+  <path d="M112 96 Q 256 160 400 96 L400 416 L112 416 Z" fill="rgba(0,0,0,0.12)" opacity="0.6"/>
+
+  <!-- subtilni highlight na vrhu (kot da prihaja svetloba od projektorja) -->
+  <rect x="112" y="96" width="288" height="60" fill="white" opacity="0.12"/>
+
+  <!-- tanka črna črta na dnu (kot da je platno rahlo napeto) -->
+  <line x1="112" y1="412" x2="400" y2="412" stroke="#111" stroke-width="4"/>
+</svg>
\ No newline at end of file
diff --git a/web/templates/index.html b/web/templates/index.html
index 4eb7edb..7a938ae 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta  name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
     <title>Projekcija besedil</title>
+    <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
     <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
 </head>