diff --git a/client/public/apple-touch-icon-180x180.png b/client/public/apple-touch-icon-180x180.png
new file mode 100644
index 00000000..ebc0be50
Binary files /dev/null and b/client/public/apple-touch-icon-180x180.png differ
diff --git a/client/public/index.html b/client/public/index.html
index 56d4bfda..8bd0eaf6 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -6,6 +6,8 @@
         <meta name="theme-color" content="#000000">
         <meta name="google" content="notranslate">
         <meta http-equiv="x-dns-prefetch-control" content="off">
+        <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon-180x180.png" />
+        <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
         <link rel="icon" type="image/png" href="favicon.png" sizes="48x48">
         <title>AdGuard Home</title>
     </head>
diff --git a/client/public/install.html b/client/public/install.html
index 2fd3bb7d..51858294 100644
--- a/client/public/install.html
+++ b/client/public/install.html
@@ -5,6 +5,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <meta name="theme-color" content="#000000">
         <meta name="google" content="notranslate">
+        <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon-180x180.png" />
+        <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
         <link rel="icon" type="image/png" href="favicon.png" sizes="48x48">
         <title>Setup AdGuard Home</title>
     </head>
diff --git a/client/public/login.html b/client/public/login.html
index 03179b42..7e45e484 100644
--- a/client/public/login.html
+++ b/client/public/login.html
@@ -5,6 +5,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <meta name="theme-color" content="#000000">
         <meta name="google" content="notranslate">
+        <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon-180x180.png" />
+        <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5">
         <link rel="icon" type="image/png" href="favicon.png" sizes="48x48">
         <title>Login</title>
     </head>
diff --git a/client/public/safari-pinned-tab.svg b/client/public/safari-pinned-tab.svg
new file mode 100644
index 00000000..d2cd031d
--- /dev/null
+++ b/client/public/safari-pinned-tab.svg
@@ -0,0 +1,16 @@
+<?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="144.000000pt" height="144.000000pt" viewBox="0 0 144.000000 144.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,144.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M485 1424 c-159 -24 -332 -74 -449 -130 l-39 -19 6 -130 c4 -71 13
+-166 21 -210 66 -364 268 -656 608 -883 89 -59 79 -59 176 4 336 218 540 516
+608 884 11 60 14 91 20 216 l6 120 -78 33 c-267 112 -604 156 -879 115z"/>
+</g>
+</svg>