diff --git a/app/src/main/frontend/favicon.ico b/app/src/main/frontend/favicon.ico
new file mode 100644
index 0000000..8efa6af
Binary files /dev/null and b/app/src/main/frontend/favicon.ico differ
diff --git a/app/src/main/frontend/favicon.svg b/app/src/main/frontend/favicon.svg
new file mode 100644
index 0000000..eadacf2
--- /dev/null
+++ b/app/src/main/frontend/favicon.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000"
+     height="1000">
+    <g clip-path="url(#SvgjsClipPath1187)">
+        <rect width="1000" height="1000" fill="white"/>
+        <g transform="matrix(1.9147655779856667,0,0,1.9147655779856667,150.00000000000003,177.99387275015047)">
+            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"
+                 width="365.58" height="336.34">
+                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                     viewBox="0 0 365.58 336.34">
+                    <defs>
+                        <linearGradient id="a" x1="-2.2" y1="56.69" x2="369.74" y2="56.69"
+                                        gradientUnits="userSpaceOnUse">
+                            <stop offset="0" stop-color="#2332c8"/>
+                            <stop offset="1" stop-color="#6441a5"/>
+                        </linearGradient>
+                        <linearGradient id="b" x1="-2.2" y1="47.98" x2="369.74" y2="47.98" xlink:href="#a"/>
+                        <linearGradient id="c" x1="-2.2" y1="178.11" x2="369.74" y2="178.11" xlink:href="#a"/>
+                        <linearGradient id="d" x1="-2.2" y1="194.78" x2="369.74" y2="194.78" xlink:href="#a"/>
+                        <linearGradient id="e" x1="-2.2" y1="253.28" x2="369.74" y2="253.28" xlink:href="#a"/>
+                        <clipPath id="SvgjsClipPath1187">
+                            <rect width="1000" height="1000" x="0" y="0" rx="200" ry="200"/>
+                        </clipPath>
+                    </defs>
+                    <polygon points="190.1 49.13 190.1 69.24 207.98 44.13 190.1 49.13" style="fill:url(#a)"/>
+                    <polygon points="365.58 0 263.22 28.66 205.64 95.97 365.58 51.18 365.58 0" style="fill:url(#b)"/>
+                    <polygon
+                            points="190.1 283.11 248.6 266.73 248.6 149.74 365.58 116.99 365.58 73.12 190.1 122.25 190.1 283.11"
+                            style="fill:url(#c)"/>
+                    <polygon
+                            points="58.49 144.48 155.98 117.18 175.48 89.79 175.48 53.23 0 102.36 0 336.34 58.49 254.15 58.49 144.48"
+                            style="fill:url(#d)"/>
+                    <polygon
+                            points="116.99 199.59 116.99 245.09 65.81 259.42 0 336.34 175.48 287.2 175.48 170.22 131.61 182.5 116.99 199.59"
+                            style="fill:url(#e)"/>
+                </svg>
+            </svg>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/src/main/frontend/index.html b/app/src/main/frontend/index.html
index cf58aea..05beb98 100644
--- a/app/src/main/frontend/index.html
+++ b/app/src/main/frontend/index.html
@@ -4,6 +4,10 @@
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <title>Gameyfin</title>
+
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg"/>
+    <link rel="shortcut icon" href="./favicon.ico"/>
+
     <style>
         body {
             margin: 0;
diff --git a/app/src/main/kotlin/org/gameyfin/app/core/security/SecurityConfig.kt b/app/src/main/kotlin/org/gameyfin/app/core/security/SecurityConfig.kt
index 36b04e9..08df09c 100644
--- a/app/src/main/kotlin/org/gameyfin/app/core/security/SecurityConfig.kt
+++ b/app/src/main/kotlin/org/gameyfin/app/core/security/SecurityConfig.kt
@@ -46,6 +46,7 @@ class SecurityConfig(
                 .requestMatchers("/public/**").permitAll()
                 .requestMatchers("/images/**").permitAll()
                 .requestMatchers("/favicon.ico").permitAll()
+                .requestMatchers("/favicon.svg").permitAll()
 
             // Dynamic public access for certain endpoints
             auth.requestMatchers("/").access(DynamicPublicAccessAuthorizationManager(config))