diff --git a/web/templates/base.html b/web/templates/base.html
index eb714d3..64fbcac 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -13,7 +13,15 @@
   <!-- iOS standalone when added to Home Screen -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="default">
-  <link rel="apple-touch-icon" href="{% static 'pwa/icon-192.png' %}">
+  <!-- iOS app icons -->
+  <link rel="apple-touch-icon" sizes="180x180" href="{% static 'pwa/apple-touch-icon-180x180.png' %}">
+  <link rel="apple-touch-icon" sizes="167x167" href="{% static 'pwa/apple-touch-icon-167x167.png' %}">
+  <link rel="apple-touch-icon" sizes="152x152" href="{% static 'pwa/apple-touch-icon-152x152.png' %}">
+  <link rel="apple-touch-icon" sizes="120x120" href="{% static 'pwa/apple-touch-icon-120x120.png' %}">
+  <!-- Optional fallback some iOS versions fetch if sizes are missing -->
+  <link rel="apple-touch-icon" href="{% static 'pwa/apple-touch-icon-180x180.png' %}">
+  <!-- Optional: control the name under the icon -->
+  <meta name="apple-mobile-web-app-title" content="Illustrations">
   <!-- === PWA additions (END) === -->
 
   {% block extra_head %}{% endblock %}