Apple Touch Icon Generator (180x180)
The Apple Touch Icon is the 180x180 pixel icon displayed when users save your website to their iPhone or iPad home screen. Generate yours instantly with proper formatting.
Open GeneratorSize
180x180px
File Name
apple-touch-icon.png
Format
PNG (recommended)
Use Cases
iPhone and iPad home screen icons when users add your site
Safari bookmark icons on macOS
iOS spotlight search results
iPad multitasking app switcher
Tips
Apple Touch Icons should NOT have transparency — iOS adds its own rounded corners.
Use a solid background color that matches your brand.
iOS automatically adds rounded corners and a subtle shadow — don't add these yourself.
Test on an actual iOS device by adding your site to the home screen.
FAQ
What size should the Apple Touch Icon be?
180x180 pixels is the recommended size. It covers all current iPhone and iPad models, including Retina displays.
Should the Apple Touch Icon have rounded corners?
No. iOS automatically applies rounded corners (and a slight shadow). Your icon should be a full square with no rounded corners or transparency.
Where do I put the Apple Touch Icon file?
Place apple-touch-icon.png in your website's root directory. Add this to your HTML head: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Is the Apple Touch Icon the same as a favicon?
No. The Apple Touch Icon is specifically for iOS home screen bookmarks. It's larger (180x180) and should have a solid background. Standard favicons (16x16, 32x32) are for browser tabs.