diff --git a/opentech/static_src/src/images/favicons/android-chrome-144.png b/opentech/static_src/src/images/favicons/android-chrome-144.png
new file mode 100644
index 0000000000000000000000000000000000000000..90ff8e96e63db2067c0aaba084e04ceb09925185
Binary files /dev/null and b/opentech/static_src/src/images/favicons/android-chrome-144.png differ
diff --git a/opentech/static_src/src/images/favicons/apple-icon-120.png b/opentech/static_src/src/images/favicons/apple-icon-120.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e69eeaa71cee3732b25fe8716da6501f0a50562
Binary files /dev/null and b/opentech/static_src/src/images/favicons/apple-icon-120.png differ
diff --git a/opentech/static_src/src/images/favicons/apple-icon-152.png b/opentech/static_src/src/images/favicons/apple-icon-152.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8ec829a936b041d5b267e0e1f53b9eaad197f8e
Binary files /dev/null and b/opentech/static_src/src/images/favicons/apple-icon-152.png differ
diff --git a/opentech/static_src/src/images/favicons/apple-icon-180.png b/opentech/static_src/src/images/favicons/apple-icon-180.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3be1f4876df2c6040e15cf1ba23187f17973be8
Binary files /dev/null and b/opentech/static_src/src/images/favicons/apple-icon-180.png differ
diff --git a/opentech/static_src/src/images/favicons/apple-icon-76.png b/opentech/static_src/src/images/favicons/apple-icon-76.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c339ad519c2d0c5ec4bcf68efcdccddcca9917d
Binary files /dev/null and b/opentech/static_src/src/images/favicons/apple-icon-76.png differ
diff --git a/opentech/static_src/src/images/favicons/browserconfig.xml b/opentech/static_src/src/images/favicons/browserconfig.xml
new file mode 100644
index 0000000000000000000000000000000000000000..bfdea1144149a30b73db2a246d0d1d576cac94b7
--- /dev/null
+++ b/opentech/static_src/src/images/favicons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+ <msapplication>
+ <tile>
+ <square150x150logo src="/mstile-150.png"/>
+ <TileColor>#da532c</TileColor>
+ </tile>
+ </msapplication>
+</browserconfig>
diff --git a/opentech/static_src/src/images/favicons/favicon-16.png b/opentech/static_src/src/images/favicons/favicon-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6b9ad2e38bd3fbba259c135839178c9fa995afc
Binary files /dev/null and b/opentech/static_src/src/images/favicons/favicon-16.png differ
diff --git a/opentech/static_src/src/images/favicons/favicon-32.png b/opentech/static_src/src/images/favicons/favicon-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9705041eb12b433320b4b54f4549f2fc661988b
Binary files /dev/null and b/opentech/static_src/src/images/favicons/favicon-32.png differ
diff --git a/opentech/static_src/src/images/favicons/mstile-150.png b/opentech/static_src/src/images/favicons/mstile-150.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac8348baf572804f0ab4203d1435d4beaa90b291
Binary files /dev/null and b/opentech/static_src/src/images/favicons/mstile-150.png differ
diff --git a/opentech/static_src/src/images/favicons/safari-pinned-tab.svg b/opentech/static_src/src/images/favicons/safari-pinned-tab.svg
new file mode 100644
index 0000000000000000000000000000000000000000..55ec5fe819d882c0b58b822533796f2bfb764883
--- /dev/null
+++ b/opentech/static_src/src/images/favicons/safari-pinned-tab.svg
@@ -0,0 +1,21 @@
+<?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="152.000000pt" height="152.000000pt" viewBox="0 0 152.000000 152.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,152.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M0 760 l0 -760 760 0 760 0 0 760 0 760 -760 0 -760 0 0 -760z m580
+400 l0 -60 -50 0 -50 0 0 -50 0 -50 -60 0 -60 0 0 -235 0 -235 -60 0 -60 0 0
+235 0 235 60 0 60 0 0 60 0 60 50 0 50 0 0 50 0 50 60 0 60 0 0 -60z m480 10
+l0 -50 60 0 60 0 0 -60 0 -60 50 0 50 0 0 -235 0 -235 -60 0 -60 0 0 235 0
+235 -50 0 -50 0 0 50 0 50 -60 0 -60 0 0 60 0 60 60 0 60 0 0 -50z m-580 -700
+l0 -50 50 0 50 0 0 -60 0 -60 -60 0 -60 0 0 50 0 50 -50 0 -50 0 0 60 0 60 60
+0 60 0 0 -50z m700 -10 l0 -60 -60 0 -60 0 0 -50 0 -50 -60 0 -60 0 0 60 0 60
+60 0 60 0 0 50 0 50 60 0 60 0 0 -60z"/>
+</g>
+</svg>
diff --git a/opentech/static_src/src/images/favicons/site.webmanifest b/opentech/static_src/src/images/favicons/site.webmanifest
new file mode 100644
index 0000000000000000000000000000000000000000..8af025f70d5bfbaa259814452dd7701bdae71abf
--- /dev/null
+++ b/opentech/static_src/src/images/favicons/site.webmanifest
@@ -0,0 +1,14 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/android-chrome-144x144.png",
+ "sizes": "144x144",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/opentech/templates/base-apply.html b/opentech/templates/base-apply.html
index 1fb279f94c5f709acf4794ed3da81cafa4a306b8..74da00e41c0451852a593d335cc531e3fcfe1724 100644
--- a/opentech/templates/base-apply.html
+++ b/opentech/templates/base-apply.html
@@ -23,6 +23,18 @@
Generate favicons by http://realfavicongenerator.net using the following path: settings.STATIC_URL + img/favicons.
Then favicon.ico should be copied to a directory called "public" in the application root and puppet does some magic to serve it up at the site root.
{% endcomment %}
+ <link rel="icon" sizes="144x144" href="{% static 'images/favicons/android-chrome-144.png' %}">
+ <link rel="icon" type="image/png" sizes="16x16" href="{% static 'images/favicons/favicon-16.png' %}">
+ <link rel="icon" type="image/png" sizes="32x32" href="{% static 'images/favicons/favicon-32.png' %}">
+ <link rel="apple-touch-icon" sizes="76x76" href="{% static 'images/favicons/apple-icon-76.png' %}">
+ <link rel="apple-touch-icon" sizes="120x120" href="{% static 'images/favicons/apple-icon-120.png' %}">
+ <link rel="apple-touch-icon" sizes="152x152" href="{% static 'images/favicons/apple-icon-152.png' %}">
+ <link rel="apple-touch-icon" sizes="180x180" href="{% static 'images/favicons/apple-icon-180.png' %}">
+ <link rel="manifest" href="{% static 'images/favicons/manifest.json' %}">
+ <meta name="msapplication-TileColor" content="#da532c">
+ <meta name="msapplication-TileImage" content="{% static 'images/favicons/mstile-150.png' %}">
+ <meta name="theme-color" content="#ffffff">
+ <link rel="mask-icon" href="{% static 'images/favicons/safari-pinned-tab.svg' %}" color="#5bbad5">
{% block extra_css %}{% endblock %}
<link rel="stylesheet" type="text/css" href="{% static 'css/apply/main.css' %}">
diff --git a/opentech/templates/base.html b/opentech/templates/base.html
index 33d99863760cd73b4c3f675dfabccb98e15e8a15..a939e538e8a012a1b9071a93a5f845442135f4ff 100644
--- a/opentech/templates/base.html
+++ b/opentech/templates/base.html
@@ -23,6 +23,18 @@
Generate favicons by http://realfavicongenerator.net using the following path: settings.STATIC_URL + img/favicons.
Then favicon.ico should be copied to a directory called "public" in the application root and puppet does some magic to serve it up at the site root.
{% endcomment %}
+ <link rel="icon" sizes="144x144" href="{% static 'images/favicons/android-chrome-144.png' %}">
+ <link rel="icon" type="image/png" sizes="16x16" href="{% static 'images/favicons/favicon-16.png' %}">
+ <link rel="icon" type="image/png" sizes="32x32" href="{% static 'images/favicons/favicon-32.png' %}">
+ <link rel="apple-touch-icon" sizes="76x76" href="{% static 'images/favicons/apple-icon-76.png' %}">
+ <link rel="apple-touch-icon" sizes="120x120" href="{% static 'images/favicons/apple-icon-120.png' %}">
+ <link rel="apple-touch-icon" sizes="152x152" href="{% static 'images/favicons/apple-icon-152.png' %}">
+ <link rel="apple-touch-icon" sizes="180x180" href="{% static 'images/favicons/apple-icon-180.png' %}">
+ <link rel="manifest" href="{% static 'images/favicons/manifest.json' %}">
+ <meta name="msapplication-TileColor" content="#da532c">
+ <meta name="msapplication-TileImage" content="{% static 'images/favicons/mstile-150.png' %}">
+ <meta name="theme-color" content="#ffffff">
+ <link rel="mask-icon" href="{% static 'images/favicons/safari-pinned-tab.svg' %}" color="#5bbad5">
<!-- Twitter summary card - see https://dev.twitter.com/cards/types/summary -->
<!-- and https://dev.twitter.com/cards/getting-started -->
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..5169fef0aea0d64ea0f7d5849e26c26de18920c7
Binary files /dev/null and b/public/favicon.ico differ