Apple Touch Icon Generator
Generate an Apple touch icon from your logo
Upload an SVG, PNG, or JPG logo and create apple-touch-icon PNG sizes for iPhone and iPad home screens, along with the HTML link tags you can paste into your site head.
Apple touch icons should use a solid background. iOS automatically rounds the corners, so keep the icon square here.
Icon color applies only to SVG uploads. PNG and JPG sources keep their original pixels.
apple-touch-icon.png
Primary 180x180 home screen icon.
HTML head tags
Apple touch icons for iPhone and iPad home screens
When someone adds your website to their iOS home screen, Safari uses the apple-touch-icon to render the app-style tile. The recommended primary size is 180x180, with 167x167 for iPad Pro, 152x152 for iPad, and 120x120 for iPhone. iOS applies its own rounded corners, so a square icon with a solid background gives the cleanest result.
Need the full installable experience? Use the Web App Manifest Generator and App Icon Generator together with this tool to cover home screens, PWAs, and browser tabs.
How it works
- 1 Upload your logo as an SVG, PNG, or JPG file.
- 2 Pick a solid background color and adjust the icon scale.
- 3 Preview the rounded icon and each generated size.
- 4 Copy the HTML link tags and download the icon package as a ZIP.
Features
- All key iOS sizes Exports 120x120, 152x152, 167x167, and 180x180 apple-touch-icon PNGs in one click.
- Copy-paste link tags Get the ready-made <link rel="apple-touch-icon"> tags for every size.
- Solid background control Set a background color so the icon looks crisp after iOS rounds the corners.
- ZIP download Download a primary apple-touch-icon.png plus every size together.
What you can use it for
- Add a clean home screen icon for iPhone and iPad web apps.
- Replace the blurry default screenshot iOS uses without an icon.
- Round out a PWA install experience alongside a web app manifest.
- Give bookmarked pages a branded, app-like tile.
Apple Touch Icon Generator FAQ
What size should an Apple touch icon be?
The recommended primary size is 180x180 for modern iPhones, with 167x167 for iPad Pro, 152x152 for iPad, and 120x120 for older iPhones. This tool generates all of them.
Should the icon have transparency?
No. Apple touch icons look best with a solid background because iOS does not support transparency on home screen tiles and applies its own rounded mask.
Do I need every size?
At minimum you should include 180x180. Including the other sizes ensures the sharpest icon across all iPhone and iPad models.
How do I add the icon to my site?
Upload the PNG files to your site and paste the provided <link rel="apple-touch-icon"> tags into the <head> of your HTML.
Does the tool upload my logo?
No. The icons are generated locally in your browser and never sent to a server.
Is it free?
Yes. The Apple touch icon generator is free to use with no signup or watermark.
Related free tools
Keep building your brand asset set with these related free tools.