diff --git a/deluge/ui/web/icons/LICENSE b/deluge/ui/web/icons/LICENSE
index 0ee20ac07..5323622b0 100644
--- a/deluge/ui/web/icons/LICENSE
+++ b/deluge/ui/web/icons/LICENSE
@@ -1,3 +1,20 @@
 Icons in this folder are copied from the fruge icon set, taken from
 http://www.pinvoke.com, licensed under the Creative Common
 Attribution-ShareAlike 3.0 License.
+
+Exceptions
+==========
+apple-pre-57.png
+apple-pre-72.png
+apple-pre-114.png
+
+active.png
+alert.png
+all.png
+deluge.png
+dht.png
+downloading.png
+inactive.png
+queued.png
+seeding.png
+traffic.png
diff --git a/deluge/ui/web/icons/apple-pre-114.png b/deluge/ui/web/icons/apple-pre-114.png
new file mode 100644
index 000000000..57c34e8c3
Binary files /dev/null and b/deluge/ui/web/icons/apple-pre-114.png differ
diff --git a/deluge/ui/web/icons/apple-pre-57.png b/deluge/ui/web/icons/apple-pre-57.png
new file mode 100644
index 000000000..97447894c
Binary files /dev/null and b/deluge/ui/web/icons/apple-pre-57.png differ
diff --git a/deluge/ui/web/icons/apple-pre-72.png b/deluge/ui/web/icons/apple-pre-72.png
new file mode 100644
index 000000000..1f70d0ecf
Binary files /dev/null and b/deluge/ui/web/icons/apple-pre-72.png differ
diff --git a/deluge/ui/web/index.html b/deluge/ui/web/index.html
index c2897a457..da0517d2a 100644
--- a/deluge/ui/web/index.html
+++ b/deluge/ui/web/index.html
@@ -1,37 +1,40 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Deluge: Web UI ${version}</title>
-        
-        <link rel="shortcut icon" href="${base}icons/deluge.png" type="image/png" />
-        <link rel="icon" href="${base}icons/deluge.png" type="image/png" />
-        
-        <!-- Stylesheets -->
-        % for stylesheet in stylesheets:
-        <link rel="stylesheet" type="text/css" href="${base}${stylesheet}" />
-        % endfor
+	<head>
+		<title>Deluge: Web UI ${version}</title>
+		
+		<link rel="shortcut icon" href="${base}icons/deluge.png" type="image/png" />
+		<link rel="icon" href="${base}icons/deluge.png" type="image/png" />
+		<link rel="apple-touch-icon-precomposed" media="screen and (resolution: 163dpi)" href="${base}icons/apple-pre-57.png" />
+		<link rel="apple-touch-icon-precomposed" media="screen and (resolution: 132dpi)" href="${base}icons/apple-pre-72.png" />
+		<link rel="apple-touch-icon-precomposed" media="screen and (resolution: 326dpi)" href="${base}icons/apple-pre-114.png" />
+		
+		<!-- Stylesheets -->
+		% for stylesheet in stylesheets:
+		<link rel="stylesheet" type="text/css" href="${base}${stylesheet}" />
+		% endfor
 
-        <script type="text/javascript">
+		<script type="text/javascript">
 		deluge = {
 			author: 'Damien Churchill <damoxc@gmail.com>',
 			version: '${version}',
 			config: ${js_config}
 		}
-        </script>
+		</script>
 
-        <!-- Javascript -->
-        % for script in scripts:
-        <script type="text/javascript" src="${base}${script}"></script>
-        % endfor
-        <script type="text/javascript">
-            Deluge.debug = ${str(debug).lower()};
-        </script>
-    </head>
-    <body>
-        <div style="background-image: url('${base}themes/default/tree/loading.gif');"></div>
+		<!-- Javascript -->
+		% for script in scripts:
+		<script type="text/javascript" src="${base}${script}"></script>
+		% endfor
+		<script type="text/javascript">
+			Deluge.debug = ${str(debug).lower()};
+		</script>
+	</head>
+	<body>
+		<div style="background-image: url('${base}themes/default/tree/loading.gif');"></div>
 
 		<!-- Preload icon classes -->
 		<div class="ext-mb-error"></div>
 		<div class="icon-ok"></div>
-    </body>
+	</body>
 </html>
