diff --git a/loko/controls/templates/controls/controls_base_mobile.html b/loko/controls/templates/controls/controls_base_mobile.html
index 168ae47..b7af2ac 100644
--- a/loko/controls/templates/controls/controls_base_mobile.html
+++ b/loko/controls/templates/controls/controls_base_mobile.html
@@ -13,6 +13,8 @@
     
     {% endblock %}
 
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
+    <link rel="apple-touch-icon" href="{% static 'common/loko_favicon.png' %}">
     <link rel="manifest" href="{% static 'common/controls.webmanifest' %}" crossorigin="use-credentials">
 
     <!-- Bootstrap 5.3.3 (local) -->
diff --git a/loko/controls/templates/controls/controls_install_mobile.html b/loko/controls/templates/controls/controls_install_mobile.html
index 35f8503..76cb79a 100644
--- a/loko/controls/templates/controls/controls_install_mobile.html
+++ b/loko/controls/templates/controls/controls_install_mobile.html
@@ -7,6 +7,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% translate "Installer l'application pour les contrôles" %}</title>
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
+    <link rel="apple-touch-icon" href="{% static 'common/loko_favicon.png' %}">
     <link rel="manifest" href="{% static 'common/controls.webmanifest' %}" crossorigin="use-credentials">
     <!-- Bootstrap 5.3.3 (local) -->
     <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
diff --git a/loko/controls/templates/controls/offline.html b/loko/controls/templates/controls/offline.html
index d495e84..854e816 100644
--- a/loko/controls/templates/controls/offline.html
+++ b/loko/controls/templates/controls/offline.html
@@ -6,6 +6,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% translate "Hors ligne — Contrôles" %}</title>
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
+    <link rel="apple-touch-icon" href="{% static 'common/loko_favicon.png' %}">
     <link rel="manifest" href="{% static 'common/controls.webmanifest' %}" crossorigin="use-credentials">
     <link rel="stylesheet" href="{% static 'common/bootstrap.min.css' %}">
     <link rel="stylesheet" href="{% static 'common/bootstrap-icons.min.css' %}">
diff --git a/loko/home/templates/home/privacy.html b/loko/home/templates/home/privacy.html
index 248bfeb..964fce6 100644
--- a/loko/home/templates/home/privacy.html
+++ b/loko/home/templates/home/privacy.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ product_name|default:'Loko' }}</title>
-    <link rel="icon" href="{% static 'common/favicon.ico' %}/" sizes="any">
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
 
     <!-- Bootstrap 5.3.3 (local) -->
     <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
diff --git a/loko/mobile/templates/mobile/mobile_base.html b/loko/mobile/templates/mobile/mobile_base.html
index 20cdde2..10af0a6 100644
--- a/loko/mobile/templates/mobile/mobile_base.html
+++ b/loko/mobile/templates/mobile/mobile_base.html
@@ -7,10 +7,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ product_name }}</title>
     <link rel="manifest" href="{% static 'mobile/loko.webmanifest' %}" crossorigin="use-credentials">
-    <link rel="apple-touch-icon" href="{% static 'common/apple-touch-180.png' %}">
-    <link rel="icon" href="{% static 'common/favicon.ico' %}" sizes="any">
-    <link rel="icon" type="image/png" href="{% static 'common/favicon-32.png' %}" sizes="32x32">
-    <link rel="icon" type="image/png" href="{% static 'common/favicon-16.png' %}" sizes="16x16">
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
+    <link rel="apple-touch-icon" href="{% static 'common/loko_favicon.png' %}">
     <!-- Bootstrap 5.3.3 (local) -->
     <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
     <!-- Bootstrap Icons 1.11.3 (local) -->
diff --git a/loko/templates/403.html b/loko/templates/403.html
index ef338b4..82e9bc4 100644
--- a/loko/templates/403.html
+++ b/loko/templates/403.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>403 - Access Denied</title>
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
     <!-- Bootstrap 5.3.3 (local) -->
     <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
     <!-- Bootstrap Icons 1.11.3 (local) -->
diff --git a/loko/templates/accounts/login.html b/loko/templates/accounts/login.html
index 121b763..79b5a40 100644
--- a/loko/templates/accounts/login.html
+++ b/loko/templates/accounts/login.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Login</title>
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
     <!-- Bootstrap 5.3.3 (local) -->
     <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet">
     <style>
diff --git a/loko/templates/maintenance.html b/loko/templates/maintenance.html
index 278f62c..5ad64a1 100644
--- a/loko/templates/maintenance.html
+++ b/loko/templates/maintenance.html
@@ -1,9 +1,11 @@
+{% load static %}
 <!DOCTYPE html>
 <html lang="fr">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ product_name|default:'Loko' }} - Maintenance</title>
+    <link rel="icon" type="image/png" href="{% static 'common/loko_favicon.png' %}">
     <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
     <style>
         :root {