diff --git a/src/valentina/webui/components/PageLayout.jinja b/src/valentina/webui/components/PageLayout.jinja
index f8bd51e3..5642004b 100644
--- a/src/valentina/webui/components/PageLayout.jinja
+++ b/src/valentina/webui/components/PageLayout.jinja
@@ -7,6 +7,17 @@
         <title>Valentina Noir
             {% if title %}: {{ title }}{% endif %}
         </title>
+        <link rel="icon"
+              href="{{ url_for('static', filename='favicon.svg') }}"
+              type="image/svg+xml">
+        <link rel="icon"
+              href="{{ url_for('static', filename='favicon-32x32.png') }}"
+              type="image/png"
+              sizes="32x32">
+        <link rel="apple-touch-icon"
+              href="{{ url_for('static', filename='apple-touch-icon.png') }}"
+              type="image/png"
+              sizes="180x180">
         <script src="https://unpkg.com/htmx.org@2.0.1" crossorigin="anonymous"></script>
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
               rel="stylesheet"
diff --git a/src/valentina/webui/static/apple-touch-icon.png b/src/valentina/webui/static/apple-touch-icon.png
new file mode 100644
index 00000000..ab10250c
Binary files /dev/null and b/src/valentina/webui/static/apple-touch-icon.png differ
diff --git a/src/valentina/webui/static/favicon-32x32.png b/src/valentina/webui/static/favicon-32x32.png
new file mode 100644
index 00000000..9e85639f
Binary files /dev/null and b/src/valentina/webui/static/favicon-32x32.png differ
diff --git a/src/valentina/webui/static/favicon.svg b/src/valentina/webui/static/favicon.svg
new file mode 100644
index 00000000..9df4a48a
--- /dev/null
+++ b/src/valentina/webui/static/favicon.svg
@@ -0,0 +1,16 @@
+<svg fill="none" height="1024" viewBox="0 0 1024 1024" width="1024" xmlns="http://www.w3.org/2000/svg">
+  <title>Pico icon</title>
+  <style xmlns="http://www.w3.org/2000/svg">
+    .big-sparkle { fill: #FF9500 }
+    .small-sparkles { fill: #FFBF00 }
+    @media (prefers-color-scheme: dark) {
+      .big-sparkle { fill: #FFBF00 }
+      .small-sparkles { fill: #FF9500 }
+    }
+  </style>
+  <path class="big-sparkle" d="m777.387 609.18c-5.427 2.039-9.716 6.229-11.803 11.531l-80.287 203.948c-6.755 17.159-31.604 17.16-38.359 0l-80.287-203.948c-2.087-5.302-6.376-9.492-11.803-11.531l-208.746-78.442c-17.564-6.599-17.564-30.877 0-37.476l208.746-78.442c5.427-2.039 9.716-6.229 11.803-11.531l80.287-203.948c6.755-17.159 31.604-17.159 38.359 0l80.287 203.948c2.087 5.302 6.376 9.492 11.803 11.531l208.747 78.442c17.566 6.599 17.566 30.877 0 37.477z"/>
+  <g class="small-sparkles">
+    <path d="m192.121 342.82c-6.756 17.16-31.604 17.16-38.359 0l-28.915-73.449c-2.087-5.302-6.376-9.492-11.803-11.532l-75.1777-28.25c-17.5631-6.599-17.5631-30.877 0-37.477l75.1777-28.249c5.427-2.04 9.716-6.23 11.803-11.532l28.915-73.4498c6.755-17.1594 31.603-17.1593 38.359.0001l28.914 73.4497c2.087 5.302 6.376 9.492 11.803 11.532l75.178 28.249c17.563 6.6 17.563 30.878 0 37.477l-75.178 28.25c-5.427 2.04-9.716 6.23-11.803 11.532z"/>
+    <path d="m356.132 860.138c-5.427 2.039-9.715 6.229-11.803 11.531l-28.914 73.45c-6.755 17.159-31.604 17.159-38.359 0l-28.915-73.45c-2.087-5.302-6.376-9.492-11.802-11.531l-75.179-28.25c-17.563-6.6-17.563-30.877 0-37.477l75.179-28.25c5.426-2.039 9.715-6.229 11.802-11.531l28.915-73.45c6.755-17.16 31.604-17.16 38.359 0l28.914 73.45c2.088 5.302 6.376 9.492 11.803 11.531l75.178 28.25c17.563 6.6 17.563 30.877 0 37.477z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/valentina/webui/templates/error.html b/src/valentina/webui/templates/error.html
index 33c04440..c105dc19 100644
--- a/src/valentina/webui/templates/error.html
+++ b/src/valentina/webui/templates/error.html
@@ -4,6 +4,17 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Error {{ status_code }}</title>
+        <link rel="icon"
+              href="{{ url_for('static', filename='favicon.svg') }}"
+              type="image/svg+xml">
+        <link rel="icon"
+              href="{{ url_for('static', filename='favicon-32x32.png') }}"
+              type="image/png"
+              sizes="32x32">
+        <link rel="apple-touch-icon"
+              href="{{ url_for('static', filename='apple-touch-icon.png') }}"
+              type="image/png"
+              sizes="180x180">
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
               rel="stylesheet"
               integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"