diff --git a/website/index.html b/website/index.html
index 2acf2da..a925ba3 100644
--- a/website/index.html
+++ b/website/index.html
@@ -9,7 +9,8 @@
     />
     <meta name="theme-color" content="#070913" />
     <title>Sokko G</title>
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="alternate icon" href="/favicon.ico" sizes="any" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/website/public/favicon.svg b/website/public/favicon.svg
new file mode 100644
index 0000000..b7e8ddc
--- /dev/null
+++ b/website/public/favicon.svg
@@ -0,0 +1,40 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Sokko G">
+  <defs>
+    <linearGradient id="bg" x1="7" y1="5" x2="58" y2="60" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#151a30"/>
+      <stop offset="0.52" stop-color="#171033"/>
+      <stop offset="1" stop-color="#070913"/>
+    </linearGradient>
+    <linearGradient id="mark" x1="14" y1="18" x2="50" y2="48" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#a78bfa"/>
+      <stop offset="0.52" stop-color="#6366f1"/>
+      <stop offset="1" stop-color="#3b82f6"/>
+    </linearGradient>
+    <linearGradient id="border" x1="5" y1="4" x2="60" y2="60" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#f6c453"/>
+      <stop offset="0.5" stop-color="#8b5cf6"/>
+      <stop offset="1" stop-color="#22d3ee"/>
+    </linearGradient>
+    <filter id="softGlow" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB">
+      <feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#8b5cf6" flood-opacity="0.72"/>
+      <feDropShadow dx="0" dy="0" stdDeviation="4" flood-color="#3b82f6" flood-opacity="0.28"/>
+    </filter>
+  </defs>
+
+  <rect x=".75" y=".75" width="62.5" height="62.5" rx="10" fill="url(#bg)" fill-opacity=".9"/>
+  <rect x="2.25" y="2.25" width="59.5" height="59.5" rx="8.75" fill="none" stroke="url(#border)" stroke-opacity=".92" stroke-width="3.5"/>
+
+  <g filter="url(#softGlow)">
+    <path
+      fill="url(#mark)"
+      d="M55.91 22.52c-.05-.16-.11-.41-.18-.69-.44-1.79-.85-3.48-2.49-4.1l-7.76-2.95a4.87 4.87 0 0 0-4.52.56l-.48.43c-.39.45-.92 1-1.29 1.36H24.9c-.32-.33-.74-.82-1.1-1.26l-.55-.52a4.88 4.88 0 0 0-4.51-.57l-7.77 2.95c-1.63.62-2.03 2.29-2.47 4.06-.07.27-.12.52-.1.52C5.75 27.54-6.83 53.95 4.95 61.75a4.55 4.55 0 0 0 5.46-.43l9.23-8.28a4.36 4.36 0 0 1 2.91-1.13h19.1c1.06 0 2.09.4 2.91 1.13l9.23 8.28a4.55 4.55 0 0 0 5.52.39c10.4-7.29 1.03-29.93-3.41-39.19Zm-13.23 2.61a2.67 2.67 0 1 1 0 5.34 2.67 2.67 0 0 1 0-5.34Zm-16 13.34h-2.67v2.66a2.67 2.67 0 1 1-5.34 0v-2.66H16a2.67 2.67 0 1 1 0-5.34h2.67v-2.66a2.67 2.67 0 1 1 5.34 0v2.66h2.67a2.67 2.67 0 1 1 0 5.34Zm10.66-2.67a2.67 2.67 0 1 1 0-5.33 2.67 2.67 0 0 1 0 5.33Zm5.34 5.33a2.67 2.67 0 1 1 0-5.33 2.67 2.67 0 0 1 0 5.33Zm5.33-5.33a2.67 2.67 0 1 1 0-5.33 2.67 2.67 0 0 1 0 5.33Z"
+      transform="translate(0.6 -2.4) scale(.98)"
+    />
+    <path
+      fill="#f6c453"
+      fill-opacity=".95"
+      d="M49.56 28.88a2.3 2.3 0 1 1 0 4.6 2.3 2.3 0 0 1 0-4.6Zm-5.36 5.36a2.3 2.3 0 1 1 0 4.6 2.3 2.3 0 0 1 0-4.6Z"
+      transform="translate(0.6 -2.4) scale(.98)"
+    />
+  </g>
+</svg>
