diff --git a/theme/templates/base.html b/theme/templates/base.html
index 9f45890de2520ee02791c7fa14c71032e54b66db..afead3ad9706fbfa004311ba9072ddbc25007ec0 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -20,7 +20,11 @@
 	<script src="{{ siteurl }}/mathjax/tex-chtml.js" id="MathJax-script" async></script>
 	{#- TODO load javascript? -#}
 	{#- TODO og: meta tags -#}
-	{#- TODO favicon -#}
+	<link rel="apple-touch-icon-precomposed" type="image/png" sizes="144x144" href="{{ siteurl }}/{{ files["favicon-144.png"].link.url }}" />
+	<link rel="apple-touch-icon-precomposed" type="image/png" sizes="114x114" href="{{ siteurl }}/{{ files["favicon-114.png"].link.url }}" />
+	<link rel="apple-touch-icon-precomposed" type="image/png" sizes="72x72"   href="{{ siteurl }}/{{ files["favicon-72.png"].link.url }}" />
+	<link rel="apple-touch-icon-precomposed" type="image/png"                 href="{{ siteurl }}/{{ files["favicon-57.png"].link.url }}" />
+	<link rel="icon"                         type="image/png"                 href="{{ siteurl }}/{{ files["favicon-32.png"].link.url }}" />
 	<!-- <link rel="icon" type="image/png" sizes="192x192" href="static/img/favicon-192x192.png"/>
 	<link rel="icon" type="image/png" sizes="32x32" href="static/img/favicon-32x32.png"/>-->
 	<!-- <link rel="icon" type="image/x-icon" sizes="16x16" href="static/img/favicon.ico"/> -->