diff --git a/web/public/apple-icon-180.png b/web/public/apple-icon-180.png
deleted file mode 100644
index c94132d..0000000
Binary files a/web/public/apple-icon-180.png and /dev/null differ
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
new file mode 100644
index 0000000..ae07815
Binary files /dev/null and b/web/public/apple-touch-icon.png differ
diff --git a/web/public/favicon-16x16.png b/web/public/favicon-16x16.png
new file mode 100644
index 0000000..27a879a
Binary files /dev/null and b/web/public/favicon-16x16.png differ
diff --git a/web/public/favicon-196.png b/web/public/favicon-196.png
deleted file mode 100644
index 969911b..0000000
Binary files a/web/public/favicon-196.png and /dev/null differ
diff --git a/web/public/favicon-32x32.png b/web/public/favicon-32x32.png
new file mode 100644
index 0000000..9c339e0
Binary files /dev/null and b/web/public/favicon-32x32.png differ
diff --git a/web/public/index.html b/web/public/index.html
index df1c16c..1c4e83b 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -11,8 +11,9 @@
     <meta name="viewport" content="width=device-width, shrink-to-fit=no, viewport-fit=cover, user-scalable=no">
     <meta name="description" content="TorrServer - torrent to http stream">
     <title>TorrServer MatriX</title>
-    <link rel="icon" type="image/png" sizes="196x196" href="favicon-196.png">
-    <link rel="apple-touch-icon" href="apple-icon-180.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="apple-touch-icon" href="apple-touch-icon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <link rel="apple-touch-startup-image" href="apple-splash-2048-2732.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
     <link rel="apple-touch-startup-image" href="apple-splash-2732-2048.jpg" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
diff --git a/web/src/components/About/index.jsx b/web/src/components/About/index.jsx
index 5255422..940b75b 100644
--- a/web/src/components/About/index.jsx
+++ b/web/src/components/About/index.jsx
@@ -57,7 +57,7 @@ export default function AboutDialog() {
           <HeaderSection>
             <div>{t('About')}</div>
             {torrServerVersion}
-            <img src='/apple-icon-180.png' alt='ts-icon' />
+            <img src='/apple-touch-icon.png' alt='ts-icon' />
           </HeaderSection>
 
           <div style={{ overflow: 'auto' }}>
diff --git a/web/src/components/App/PWAInstallationGuide/index.jsx b/web/src/components/App/PWAInstallationGuide/index.jsx
index ae84217..166628a 100644
--- a/web/src/components/App/PWAInstallationGuide/index.jsx
+++ b/web/src/components/App/PWAInstallationGuide/index.jsx
@@ -18,7 +18,7 @@ export function PWAInstallationGuide() {
   return (
     <StyledWrapper isOpen={shouldBeOpened}>
       <StyledHeader>
-        <img src='/apple-icon-180.png' width={50} alt='ts-icon' />
+        <img src='/apple-touch-icon.png' width={50} alt='ts-icon' />
 
         {t('PWAGuide.Header')}