Apple Touch Icon Generator

Generate a 180×180 Apple Touch Icon from any PNG, JPG, or SVG image — client-side, instant download, no signup.

When a user adds your website to their iPhone or iPad home screen, iOS uses the Apple Touch Icon as the app icon. Without one, iOS creates a blurry screenshot thumbnail — not the impression you want to make.

The standard size for an Apple Touch Icon is 180×180 pixels, which covers iPhone retina displays and is automatically scaled down for older devices. A square image with good contrast and no transparent areas works best, since iOS may apply its own rounded-corner mask depending on the iOS version.

This tool generates your Apple Touch Icon (apple-touch-icon.png) instantly in your browser. Upload your logo or square image, preview the output, and download the 180px PNG. No file is sent to any server — all processing happens locally via the Canvas API.

After downloading, place apple-touch-icon.png in your site root and add this tag to your HTML head:

For a full favicon package including browser favicons, Android icons, and a web manifest, use the main Favicon Generator.

Frequently asked questions

What size should an Apple Touch Icon be?

180×180 pixels. iOS scales this down for older devices (60px, 76px, 120px, 152px), so 180px is the single size that covers all modern iPhones and iPads.

Should my Apple Touch Icon have a transparent background?

No. iOS ignores transparency and fills it with black or white depending on the system theme. Use a solid-color background that matches your brand.

Do I need a separate apple-touch-icon for each device size?

No. A single 180×180 PNG is sufficient for all modern iOS devices. iOS will scale it down automatically.

Related tools

Favicon Generator — complete package with all sizes, manifest, and HTML snippet
Emoji Favicon Generator — make a favicon from any emoji, no image needed
Icon Resizer — resize any PNG or SVG to specific dimensions
Image to Icon Set — full iOS and Android app icon set
All Design Tools