diff --git a/Makefile b/Makefile
index c689782..7fdf944 100644
--- a/Makefile
+++ b/Makefile
@@ -155,7 +155,7 @@ docker-build: ## docker build
 
 .PHONY: docker-run
 docker-run: ## docker run
-	$(DOCKER) run -p $(PORT):5000 $(DOCKER_TAG)
+	$(DOCKER) run -p $(PORT):5000 -v db.sqlite:/app/db.sqlite $(DOCKER_TAG)
 
 .PHONY: tortoise-%
 tortoise-%: .venv ## tortoise (command)
diff --git a/README.md b/README.md
index 611481f..3d78147 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,11 @@
 [![](https://git.klemek.fr/klemek/tout-doux/actions/workflows/py-lint.yml/badge.svg?branch=main&style=flat-square)](https://git.klemek.fr/klemek/tout-doux/actions?workflow=py-lint.yml) [![](https://git.klemek.fr/klemek/tout-doux/actions/workflows/ts-lint.yml/badge.svg?branch=main&style=flat-square)](https://git.klemek.fr/klemek/tout-doux/actions?workflow=ts-lint.yml) [![](https://git.klemek.fr/klemek/tout-doux/actions/workflows/docker-build.yml/badge.svg?branch=main&style=flat-square)](https://git.klemek.fr/klemek/tout-doux/actions?workflow=docker-build.yml)
 
+<h1><img src="./public/assets/favicon.svg" width="24"> Tout Doux</h1>
+
+> A shareable task list with auto resetting items.
+
+**[todo.klemek.fr](https://todo.klemek.fr)**
+
 ## TODO
 
 - [x] auto refresh task completion
@@ -23,5 +29,5 @@
 - [x] Dockerfile
 - [ ] html cards
 - [ ] custom background
-- [ ] favicon
+- [x] favicon
 - [ ] README
diff --git a/index.html b/index.html
index a5d976b..00ea1c5 100644
--- a/index.html
+++ b/index.html
@@ -3,13 +3,20 @@
     <head>
         <title>{{ title }}</title>
         <link rel="stylesheet" href="/resources/css/style.css" />
-        <!-- <link rel="icon" href="/favicon.ico"> -->
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta charset="UTF-8" />
+
+        <link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
+        <link rel="shortcut icon" href="/assets/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
+        <meta name="apple-mobile-web-app-title" content="Tout Doux" />
+        <link rel="manifest" href="/assets/site.webmanifest" />
+
         <!-- card related -->
         <meta property="og:title" content="{{ title }}">
         <meta property="og:description" content="{{ lang('home') }}">
-        <meta property="og:image" content="{{ app_url }}/assets/preview_640x320.jpg">
+        <meta property="og:image" content="{{ app_url }}/assets/favicon-96x96.jpg">
         <meta property="og:url" content="{{ app_url }}/{{ path }}">
 
         <script
diff --git a/public/assets/apple-touch-icon.png b/public/assets/apple-touch-icon.png
new file mode 100644
index 0000000..4e95b32
Binary files /dev/null and b/public/assets/apple-touch-icon.png differ
diff --git a/public/assets/favicon-96x96.png b/public/assets/favicon-96x96.png
new file mode 100644
index 0000000..e76153d
Binary files /dev/null and b/public/assets/favicon-96x96.png differ
diff --git a/public/assets/favicon.ico b/public/assets/favicon.ico
new file mode 100644
index 0000000..3cdafc2
Binary files /dev/null and b/public/assets/favicon.ico differ
diff --git a/public/assets/favicon.svg b/public/assets/favicon.svg
new file mode 100644
index 0000000..348794e
--- /dev/null
+++ b/public/assets/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 24 24" fill="none" stroke="#75667a" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-todo-icon lucide-list-todo"><metadata><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><rdf:Description><dc:creator>RealFaviconGenerator</dc:creator><dc:source>https://realfavicongenerator.net</dc:source></rdf:Description></rdf:RDF></metadata><rect x="0" y="0" width="24" height="24" stroke-width="0" rx="2" fill="#faf7f5"></rect><path d="M13 5h8"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="m3 17 2 2 4-4"></path><rect x="3" y="4" width="6" height="6" rx="1"></rect></svg>
\ No newline at end of file
diff --git a/public/assets/site.webmanifest b/public/assets/site.webmanifest
new file mode 100644
index 0000000..0c925c0
--- /dev/null
+++ b/public/assets/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "Tout Doux",
+  "short_name": "Tout Doux",
+  "icons": [
+    {
+      "src": "/assets/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#75667A",
+  "background_color": "#faf7f5",
+  "display": "standalone"
+}
diff --git a/public/assets/web-app-manifest-192x192.png b/public/assets/web-app-manifest-192x192.png
new file mode 100644
index 0000000..e1c3953
Binary files /dev/null and b/public/assets/web-app-manifest-192x192.png differ
diff --git a/public/assets/web-app-manifest-512x512.png b/public/assets/web-app-manifest-512x512.png
new file mode 100644
index 0000000..8f0e3fc
Binary files /dev/null and b/public/assets/web-app-manifest-512x512.png differ
