Apple Touch Icon
Apple Touch icons are used when a user adds your site to the iOS Home Screen. They are not the same as the browser tab favicon.
What you need
- Most common: 180×180 PNG (apple-touch-icon.png).
- High contrast and simple shapes work best.
- Avoid thin strokes — they disappear on small icons.
HTML example
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">Common mistake
Do not rely on favicon.ico for iOS Home Screen icons. Use a dedicated PNG.
Generate Apple Touch icons
Complete set includes Apple Touch icons in the right sizes.
FAQ
Do I need multiple Apple sizes?
Usually 180×180 is enough for modern iOS. Extra sizes can be included for broader compatibility.
Can it be SVG?
No — Apple Touch icons should be PNG.