diff --git a/src/exercises/static/exercises/style.css b/src/exercises/static/exercises/style.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/exercises/static/icons/android-chrome-96x96.png b/src/exercises/static/icons/android-chrome-96x96.png
new file mode 100644
index 0000000..071d64d
Binary files /dev/null and b/src/exercises/static/icons/android-chrome-96x96.png differ
diff --git a/src/exercises/static/icons/apple-touch-icon.png b/src/exercises/static/icons/apple-touch-icon.png
new file mode 100644
index 0000000..f4d166e
Binary files /dev/null and b/src/exercises/static/icons/apple-touch-icon.png differ
diff --git a/src/exercises/static/icons/browserconfig.xml b/src/exercises/static/icons/browserconfig.xml
new file mode 100644
index 0000000..c951beb
--- /dev/null
+++ b/src/exercises/static/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/static/icons/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/src/exercises/static/icons/favicon-16x16.png b/src/exercises/static/icons/favicon-16x16.png
new file mode 100644
index 0000000..da1a328
Binary files /dev/null and b/src/exercises/static/icons/favicon-16x16.png differ
diff --git a/src/exercises/static/icons/favicon-32x32.png b/src/exercises/static/icons/favicon-32x32.png
new file mode 100644
index 0000000..f5cb3ce
Binary files /dev/null and b/src/exercises/static/icons/favicon-32x32.png differ
diff --git a/src/exercises/static/icons/favicon.ico b/src/exercises/static/icons/favicon.ico
new file mode 100644
index 0000000..566c82f
Binary files /dev/null and b/src/exercises/static/icons/favicon.ico differ
diff --git a/src/exercises/static/icons/mstile-150x150.png b/src/exercises/static/icons/mstile-150x150.png
new file mode 100644
index 0000000..2728b2f
Binary files /dev/null and b/src/exercises/static/icons/mstile-150x150.png differ
diff --git a/src/exercises/static/icons/safari-pinned-tab.svg b/src/exercises/static/icons/safari-pinned-tab.svg
new file mode 100644
index 0000000..f9a5f06
--- /dev/null
+++ b/src/exercises/static/icons/safari-pinned-tab.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="120.000000pt" height="120.000000pt" viewBox="0 0 120.000000 120.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,120.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M344 1123 c-57 -71 -83 -128 -80 -170 1 -18 -2 -33 -7 -33 -4 0 -6
+-4 -3 -8 8 -13 -32 -168 -70 -268 -40 -107 -41 -112 -59 -209 -12 -63 -24
+-205 -28 -322 -2 -72 11 -78 171 -79 75 -1 162 -5 192 -9 85 -12 212 -8 335
+10 36 6 70 13 70 15 0 1 10 3 23 6 48 9 181 66 208 89 16 14 31 25 34 25 3 0
+14 13 23 30 10 16 16 30 13 30 -3 0 -1 11 4 25 18 46 -14 119 -83 191 -34 35
+-66 64 -71 64 -5 0 -17 7 -26 15 -32 29 -132 57 -206 58 -104 0 -163 -24 -238
+-99 -74 -74 -77 -78 -102 -131 -23 -51 -36 -55 -29 -10 8 51 14 167 16 300 1
+87 6 129 16 145 8 13 17 21 20 18 9 -8 86 36 102 59 8 11 30 34 49 51 39 37
+45 60 25 93 -12 19 -13 29 -4 49 16 33 -6 56 -73 77 -28 9 -65 23 -83 31 -62
+28 -88 20 -139 -43z"/>
+</g>
+</svg>
diff --git a/src/exercises/static/icons/site.webmanifest b/src/exercises/static/icons/site.webmanifest
new file mode 100644
index 0000000..ea729eb
--- /dev/null
+++ b/src/exercises/static/icons/site.webmanifest
@@ -0,0 +1,14 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/static/icons/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/src/exercises/templates/exercises/base.html b/src/exercises/templates/exercises/base.html
index 96e656e..fc87f7d 100644
--- a/src/exercises/templates/exercises/base.html
+++ b/src/exercises/templates/exercises/base.html
@@ -8,7 +8,7 @@
           href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
           integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
           crossorigin="anonymous">
-    <link rel="stylesheet" href="{% static 'exercises/style.css' %}">
+    {% include "exercises/icons.html" %}
     <title>{% block title %}{% endblock %}</title>
 </head>
 <body>
diff --git a/src/exercises/templates/exercises/icons.html b/src/exercises/templates/exercises/icons.html
new file mode 100644
index 0000000..ecaef2f
--- /dev/null
+++ b/src/exercises/templates/exercises/icons.html
@@ -0,0 +1,10 @@
+{% load static %}
+<link rel="apple-touch-icon" sizes="120x120" href="{% static 'icons/apple-touch-icon.png' %}">
+<link rel="icon" type="image/png" sizes="32x32" href="{% static 'icons/favicon-32x32.png' %}">
+<link rel="icon" type="image/png" sizes="16x16" href="{% static 'icons/favicon-16x16.png' %}">
+<link rel="manifest" href="{% static 'icons/site.webmanifest' %}">
+<link rel="mask-icon" href="{% static 'icons/safari-pinned-tab.svg' %}" color="#ffca52">
+<link rel="shortcut icon" href="{% static 'icons/favicon.ico' %}">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="{% static 'icons/browserconfig.xml' %}">
+<meta name="theme-color" content="#ffffff">