diff --git a/favicons/apple-touch-icon.png b/favicons/apple-touch-icon.png
new file mode 100644
index 0000000..b9dc5b3
Binary files /dev/null and b/favicons/apple-touch-icon.png differ
diff --git a/favicons/favicon-96x96.png b/favicons/favicon-96x96.png
new file mode 100644
index 0000000..d604ab5
Binary files /dev/null and b/favicons/favicon-96x96.png differ
diff --git a/favicons/favicon.ico b/favicons/favicon.ico
new file mode 100644
index 0000000..4a29683
Binary files /dev/null and b/favicons/favicon.ico differ
diff --git a/favicons/favicon.svg b/favicons/favicon.svg
new file mode 100644
index 0000000..002bf71
--- /dev/null
+++ b/favicons/favicon.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><style>
+    #light-icon {
+      display: inline;
+    }
+    #dark-icon {
+      display: none;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      #light-icon {
+        display: none;
+      }
+      #dark-icon {
+        display: inline;
+      }
+    }
+  </style><g id="light-icon"><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(#SvgjsClipPath2117)"><rect width="1000" height="1000" fill="#5e3d70"></rect><g transform="matrix(25,0,0,25,100,100)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><image width="32" height="32" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmhJREFUWEftVjFv1TAQvnvy0G50A71chLd2o1u7dYQNtsfWTpR/0A02xMYGTO1WmGCDjZFudKObkR2pI93oYMmNoyS65zpx8l6lCoS3xOe77767+2yEW154y/Hh7wVgjHlRsvfSM+ice5fn+fNF2BzNgNZ6FxEPY8Emk8lsOp1+HANkMACl1LoQ4id37px7g4iXAHDA/1trN6SUZ0OAJAEopVaEEL8BYKVxiIgfsix7ygMURXHsnJuxf5fW2ntSyos+IL0AtNYKEe8zB2dEtNHn0BjjWVofeiYKwBjzCQAeMycXdTae7uSqWVMAcLePNb93DUDZ3S6g0dfzVzJqxCDWN0Q0FzMFYKkR01q/RcR9jm00AHb4ERF99d/GmIcA8CVIut1XSm0JIb7HWBsMwBsWRfHMiwwvCQD48XrQUZLTugH5xOxnWfa+Ke0oAE0QY4zP1mfdLj6KWutDRNwNQJ0Q0TbzUfXWQgD8wbqz/1Sdm9ABa+2qlHJuYpZiIJXFkP1/C0CpjkdZlu3xmnMpDutcT85yPeCd8JuQg+BN6pzby/P8KJySGylBnYmf762uMSSizdjejQGomZgh4jEPlHoLjAZQis1nInrSdwd0OY3Q3+rIEB3ws35NycbQ2tjGlJSIVucELeZYKbUjhPjG96y1m1JKL7Xt6mIgdgsCQHtXJAEwYXkVPLf8K2etUbkQQK2W5wBwp/GRerAmn2R15/8ILqBK5zkAY4xnbIdld9o1EYMZ4Iaxt2FHg86x1NfE1b2SMgj3O+pbmVlrt6WUJ2N8jgbQ0eEHZXe/HhO4sV0YwCLBYmf+A7gCDlx1MNsgvq4AAAAASUVORK5CYII="></image></svg></g></g><defs><clipPath id="SvgjsClipPath2117"><rect width="1000" height="1000" x="0" y="0" rx="500" ry="500"></rect></clipPath></defs></svg></g><g id="dark-icon"><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(#SvgjsClipPath2118)"><rect width="1000" height="1000" fill="#5e3d70"></rect><g transform="matrix(25,0,0,25,100,100)"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><image width="32" height="32" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAmhJREFUWEftVjFv1TAQvnvy0G50A71chLd2o1u7dYQNtsfWTpR/0A02xMYGTO1WmGCDjZFudKObkR2pI93oYMmNoyS65zpx8l6lCoS3xOe77767+2yEW154y/Hh7wVgjHlRsvfSM+ice5fn+fNF2BzNgNZ6FxEPY8Emk8lsOp1+HANkMACl1LoQ4id37px7g4iXAHDA/1trN6SUZ0OAJAEopVaEEL8BYKVxiIgfsix7ygMURXHsnJuxf5fW2ntSyos+IL0AtNYKEe8zB2dEtNHn0BjjWVofeiYKwBjzCQAeMycXdTae7uSqWVMAcLePNb93DUDZ3S6g0dfzVzJqxCDWN0Q0FzMFYKkR01q/RcR9jm00AHb4ERF99d/GmIcA8CVIut1XSm0JIb7HWBsMwBsWRfHMiwwvCQD48XrQUZLTugH5xOxnWfa+Ke0oAE0QY4zP1mfdLj6KWutDRNwNQJ0Q0TbzUfXWQgD8wbqz/1Sdm9ABa+2qlHJuYpZiIJXFkP1/C0CpjkdZlu3xmnMpDutcT85yPeCd8JuQg+BN6pzby/P8KJySGylBnYmf762uMSSizdjejQGomZgh4jEPlHoLjAZQis1nInrSdwd0OY3Q3+rIEB3ws35NycbQ2tjGlJSIVucELeZYKbUjhPjG96y1m1JKL7Xt6mIgdgsCQHtXJAEwYXkVPLf8K2etUbkQQK2W5wBwp/GRerAmn2R15/8ILqBK5zkAY4xnbIdld9o1EYMZ4Iaxt2FHg86x1NfE1b2SMgj3O+pbmVlrt6WUJ2N8jgbQ0eEHZXe/HhO4sV0YwCLBYmf+A7gCDlx1MNsgvq4AAAAASUVORK5CYII="></image></svg></g></g><defs><clipPath id="SvgjsClipPath2118"><rect width="1000" height="1000" x="0" y="0" rx="500" ry="500"></rect></clipPath></defs></svg></g></svg>
\ No newline at end of file
diff --git a/favicons/site.webmanifest b/favicons/site.webmanifest
new file mode 100644
index 0000000..9043f4a
--- /dev/null
+++ b/favicons/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Tarions Portfolio",
+  "short_name": "Portfolio",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/favicons/web-app-manifest-192x192.png b/favicons/web-app-manifest-192x192.png
new file mode 100644
index 0000000..97f74e6
Binary files /dev/null and b/favicons/web-app-manifest-192x192.png differ
diff --git a/favicons/web-app-manifest-512x512.png b/favicons/web-app-manifest-512x512.png
new file mode 100644
index 0000000..4f30830
Binary files /dev/null and b/favicons/web-app-manifest-512x512.png differ
diff --git a/index.html b/index.html
index edbacae..477482c 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,12 @@
       <title>Tarions Portfolio</title>
       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
       <link rel="stylesheet" href="index.css">
+
+      <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
+      <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
+      <link rel="shortcut icon" href="/favicons/favicon.ico" />
+      <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
+      <link rel="manifest" href="/favicons/site.webmanifest" />
   </head>
   <body>
     <header>