diff --git a/index.html b/index.html
index 072a57e..7ff3bbc 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
+    <title>Qlockify.ir | Time Tracking for Modern Teams</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..a30c11b
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,20 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="64" height="64" rx="18" fill="#0F172A"/>
+  <path
+    d="M24 14C18.4772 14 14 18.4772 14 24V28H20V24C20 21.7909 21.7909 20 24 20H28V14H24Z"
+    fill="#60A5FA"
+  />
+  <path
+    d="M40 14H36V20H40C42.2091 20 44 21.7909 44 24V28H50V24C50 18.4772 45.5228 14 40 14Z"
+    fill="#60A5FA"
+  />
+  <path
+    d="M44 40C44 42.2091 42.2091 44 40 44H36V50H40C45.5228 50 50 45.5228 50 40V36H44V40Z"
+    fill="#38BDF8"
+  />
+  <path
+    d="M20 40V36H14V40C14 45.5228 18.4772 50 24 50H28V44H24C21.7909 44 20 42.2091 20 40Z"
+    fill="#38BDF8"
+  />
+  <rect x="23" y="23" width="18" height="18" rx="5" fill="white" fill-opacity="0.08"/>
+</svg>
