diff --git a/README.md b/README.md
index 4dc2f98..52a3668 100644
--- a/README.md
+++ b/README.md
@@ -58,8 +58,11 @@ theme: jekyll-theme-tallneck
     - [privacy.md](privacy.md)
     - [terms.md](terms.md)
 
-4. Create the `assets/image` folder and put a replacement for the default image named `default.webp` or change its name in the `_config.yml` file.
-5. In the same folder, put also a replacement for `favicon.ico`, `favicon.svg` and `logo.svg` (logo.svg will be used as the home button).
+4. Create the `assets/image` folder and put a replacement for the following images:
+    - `favicon.ico` and `favicon.svg` that will be used as the favicon.
+    - `logo.svg` that will be used as the home button.
+    - `pwa_icon.svg`, `pwa_icon_x512.png`, `pwa_icon_x96.png` that will be used as the PWA icon. ([https://maskable.app/editor](https://maskable.app/editor) can be used to create the maskable icon)
+5. In the `assets` folder, create the sitemanifest.json file and edit it to your liking.
 6. [Optional] Customize the theme by creating the `_sass` folder and editing `custom_variables.scss` and `custom_styles.scss` files.
 7. Edit the `_config.yml` file to your liking (you can use the [config](/_config.yml) file in this repo as a template).
 
diff --git a/_config.yml b/_config.yml
index 4afc71e..7bbf493 100644
--- a/_config.yml
+++ b/_config.yml
@@ -6,7 +6,7 @@ copyright: "Copyright (c) 2024 John Toniutti"
 author: John Toniutti
 keywords: "tallneck, test, jekyll, theme, jekyll-theme-tallneck"
 tagline: "Tallneck test | This a tagline"
-description: "This is a description"
+description: "Preview for the theme Tallneck for Jeckyll."
 url: "https://jotonedev.github.io/tallneck-test"
 
 social: true
diff --git a/_includes/head.html b/_includes/head.html
index 5ed42a6..d32b94d 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -7,6 +7,7 @@
     <meta content="#252525" media="(prefers-color-scheme: dark)" name="theme-color">
     <meta content="yes" name="apple-mobile-web-app-capable">
     <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
+    <link rel="manifest" href="/assets/sitemanifest.json">
     <meta name="theme-color" content="#282828"/>
 
     {% if page.private %}
@@ -34,8 +35,8 @@
     <link rel="stylesheet" href="{{ "/assets/css/print.css" | relative_url }}" media="print" fetchpriority="low">
     
     <!-- Favicon -->
-    <link rel="icon" href="{{ site.favicon_ico | relative_url }}" sizes="any">
-    <link rel="icon" href="{{ site.favicon | relative_url }}" type="image/svg+xml">
+    <link rel="icon" href="{{ /assets/image/favicon.ico | relative_url }}" sizes="any">
+    <link rel="icon" href="{{ /assets/image/favicon.svg | relative_url }}" type="image/svg+xml">
 
     <!-- Analytics -->
     {% if site.cloudflare %}
diff --git a/assets/image/favicon.ico b/assets/image/favicon.ico
new file mode 100644
index 0000000..44ee9eb
Binary files /dev/null and b/assets/image/favicon.ico differ
diff --git a/assets/image/favicon.svg b/assets/image/favicon.svg
new file mode 100644
index 0000000..5f73b8e
--- /dev/null
+++ b/assets/image/favicon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" viewBox="0 0 250 250">
+  <defs>
+    <linearGradient id="a">
+      <stop offset=".2" stop-color="#6852ad"/>
+      <stop offset="1" stop-color="#fe7a36"/>
+    </linearGradient>
+    <linearGradient xlink:href="#a" id="b" x1="211.9" x2="139.8" y1="133.3" y2="160.4" gradientUnits="userSpaceOnUse"/>
+  </defs>
+  <g fill="url(#b)" stroke-width="1.5" font-size="288" font-weight="bold" transform="translate(16.7 16.7) scale(.86606)">
+    <path d="M152.2 30.5v129.2q0 6.5-2 12.3-2 5.6-5.5 9.7-3.6 4.1-8.8 6.5-5 2.3-11.2 2.3-7.7 0-13-2-5.5-2-8.8-6.3-2.5-3.4-3.8-8.4-1.3-5-1.3-11.7H61.7q.1 14.5 4.7 25.2 4.6 10.8 13 17.8 8.2 7.2 19.7 10.8 11.5 3.6 25.6 3.6 13.3 0 24.8-4.4 11.7-4.3 20.2-12.3 8.6-7.9 13.5-18.8 5-11 5.1-24.3l-.1-129.2Z"/>
+    <path d="M97.8 127.5a18 18 0 0 1-18 18 18 18 0 0 1-18.1-18 18 18 0 0 1 18-18 18 18 0 0 1 18 18z"/>
+  </g>
+</svg>
diff --git a/assets/image/logo.svg b/assets/image/logo.svg
index 2a77388..639449b 100644
--- a/assets/image/logo.svg
+++ b/assets/image/logo.svg
@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
-    <path fill="#FAFAFA" d="M154.88281 21.21875v141.89062q0 7.17188-2.25 13.5-2.10937 6.1875-6.04687 10.6875t-9.5625 7.17188Q131.39844 197 124.64844 197q-8.4375 0-14.34375-2.25t-9.5625-6.89063q-2.812503-3.79687-4.218753-9.28125-1.40625-5.48437-1.40625-12.79687h-39.65625q.140625 15.89062 5.203125 27.70312 5.0625 11.8125 14.203125 19.54688 9 7.875 21.65625 11.8125 12.656253 3.9375 28.125003 3.9375 14.625 0 27.28125-4.78125 12.79687-4.78125 22.21875-13.5 9.42187-8.71875 14.76562-20.67188 5.48438-12.09375 5.625-26.71875l-.14062-141.89062Z"/>
-    <circle fill="#FAFAFA" cx="75.28833" cy="127.72736" r="19.827402"/>
-</svg>
\ No newline at end of file
+  <path fill="#FAFAFA" d="M154.9 21.2v142q0 7-2.3 13.4-2 6.2-6 10.7t-9.6 7.2q-5.6 2.5-12.4 2.5-8.4 0-14.3-2.3t-9.6-6.8q-2.8-3.8-4.2-9.3-1.4-5.5-1.4-12.8H55.5q.1 15.9 5.2 27.7 5 11.8 14.2 19.5 9 8 21.6 11.8 12.7 4 28.1 4 14.7 0 27.3-4.8 12.8-4.8 22.2-13.5 9.5-8.7 14.8-20.7 5.5-12 5.6-26.7l-.1-141.9Z"/>
+  <circle cx="75.3" cy="127.7" r="19.8" fill="#FAFAFA"/>
+</svg>
diff --git a/assets/image/pwa_icon.svg b/assets/image/pwa_icon.svg
new file mode 100644
index 0000000..8107cbf
--- /dev/null
+++ b/assets/image/pwa_icon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background-color:#000" version="1.2" viewBox="0 0 250 250">
+  <defs>
+    <linearGradient id="a">
+      <stop offset=".2" stop-color="#6852ad"/>
+      <stop offset="1" stop-color="#fe7a36"/>
+    </linearGradient>
+    <linearGradient xlink:href="#a" id="b" x1="211.9" x2="139.8" y1="133.3" y2="160.4" gradientUnits="userSpaceOnUse"/>
+  </defs>
+  <g fill="url(#b)" stroke-width="1.5" font-size="288" font-weight="bold" transform="translate(16.7 16.7) scale(.86606)">
+    <path d="M152.2 30.5v129.2q0 6.5-2 12.3-2 5.6-5.5 9.7-3.6 4.1-8.8 6.5-5 2.3-11.2 2.3-7.7 0-13-2-5.5-2-8.8-6.3-2.5-3.4-3.8-8.4-1.3-5-1.3-11.7H61.7q.1 14.5 4.7 25.2 4.6 10.8 13 17.8 8.2 7.2 19.7 10.8 11.5 3.6 25.6 3.6 13.3 0 24.8-4.4 11.7-4.3 20.2-12.3 8.6-7.9 13.5-18.8 5-11 5.1-24.3l-.1-129.2Z"/>
+    <path d="M97.8 127.5a18 18 0 0 1-18 18 18 18 0 0 1-18.1-18 18 18 0 0 1 18-18 18 18 0 0 1 18 18z"/>
+  </g>
+</svg>
diff --git a/assets/image/pwa_icon_x512.png b/assets/image/pwa_icon_x512.png
new file mode 100644
index 0000000..d0cf27b
Binary files /dev/null and b/assets/image/pwa_icon_x512.png differ
diff --git a/assets/image/pwa_icon_x96.png b/assets/image/pwa_icon_x96.png
new file mode 100644
index 0000000..96e5a62
Binary files /dev/null and b/assets/image/pwa_icon_x96.png differ
diff --git a/assets/sitemanifest.json b/assets/sitemanifest.json
index e69de29..cfab6c9 100644
--- a/assets/sitemanifest.json
+++ b/assets/sitemanifest.json
@@ -0,0 +1,28 @@
+{
+    "name": "Tallneck preview",
+    "short_name": "Tallneck",
+    "lang": "en",
+    "description": "Preview for the theme Tallneck for Jeckyll.",
+    "categories": ["personalization", "utilities", "medical"],
+    "start_url": "/tallneck-test",
+    "icons": [
+        {
+            "src": "/assets/image/pwa_icon.svg",
+            "sizes": "any",
+            "type": "image/svg+xml"
+        },
+        {
+            "src": "/assets/image/pwa_icon_x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/image/pwa_icon_x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#282828",
+    "background_color": "#282828",
+    "display": "standalone"
+}
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..44ee9eb
Binary files /dev/null and b/favicon.ico differ