diff --git a/templates/Sparkle/assets/img/touchicon.png b/templates/Sparkle/assets/img/touchicon.png
new file mode 100644
index 00000000..a40e302e
Binary files /dev/null and b/templates/Sparkle/assets/img/touchicon.png differ
diff --git a/templates/Sparkle/header.tpl b/templates/Sparkle/header.tpl
index 595af5bd..b9e4a9fc 100644
--- a/templates/Sparkle/header.tpl
+++ b/templates/Sparkle/header.tpl
@@ -27,6 +27,8 @@
 	<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
 	{$js}
 	<link href="templates/{$theme}/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
+	<link href="templates/{$theme}/assets/img/touchicon.png" rel="shortcut" />
+	<link href="templates/{$theme}/assets/img/touchicon.png" rel="apple-touch-icon" />
 	<title><if isset($userinfo['loginname']) && $userinfo['loginname'] != ''>{$userinfo['loginname']} - </if>Froxlor Server Management Panel</title>
 	<if Settings::Get('panel.use_webfonts') == '1'>
 	<style type="text/css">
diff --git a/templates/Sparkle/index.tpl b/templates/Sparkle/index.tpl
index 966663c8..13889821 100644
--- a/templates/Sparkle/index.tpl
+++ b/templates/Sparkle/index.tpl
@@ -11,6 +11,8 @@
 		<link href="//fonts.googleapis.com/css?family={$webfont}" rel="stylesheet">
 	{/if}
 	<link href="templates/{$theme}/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
+	<link href="templates/{$theme}/assets/img/touchicon.png" rel="shortcut" />
+	<link href="templates/{$theme}/assets/img/touchicon.png" rel="apple-touch-icon" />
 	<link rel="stylesheet" href="templates/{$theme}/assets/css/main.css" />
 	<!--[if IE]><link rel="stylesheet" href="templates/{$theme}/assets/css/main_ie.css"  /><![endif]-->
 	<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->