Free forever, no sign-up - get your full favicon set now
All converters

Convert to favicon

Apple touch icon

An Apple touch icon is the 180x180px PNG iOS and iPadOS use when someone adds your site to their home screen. To create one, drop your logo into Logo2Favicon - it outputs an opaque 180x180 apple-touch-icon.png (no rounded corners, since iOS adds its own mask) plus the exact link tag, all in your browser.

What this conversion is

The Apple touch icon is the icon Safari uses for iOS/iPadOS home-screen shortcuts and saved web apps. The current recommendation is a single 180x180px PNG with an opaque background and no pre-rounded corners, referenced with a rel="apple-touch-icon" link tag.

Why and when you need it

  • Without it, iOS uses a shrunken screenshot of your page as the home-screen icon - which looks broken.
  • It is the icon users see every time they open your site from their home screen.
  • A correct opaque, square icon avoids the black-fill and double-rounding problems of bad Apple icons.

How to do it with Logo2Favicon

  1. Open the generator. Open the Logo2Favicon generator on the homepage.
  2. Drop your logo. Upload a square logo. If it has transparency, set a solid brand background since iOS does not support transparent Apple icons.
  3. Generate the 180 icon. The tool outputs apple-touch-icon.png at 180x180 with an opaque background, alongside the rest of the set.
  4. Add the link tag. Place the file at your root and add: <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.

Format gotchas

  • Do not add transparency - iOS fills transparent pixels with black. Use an opaque background.
  • Do not pre-round the corners - iOS applies its own rounded mask, so a full-bleed square is correct.
  • One 180x180 is enough for current devices; iOS downscales it for older hardware.
Free forever, no sign-up

Start: apple touch icon

Drop your file into the generator and download the complete, correctly named set in seconds - generated privately in your browser, with nothing uploaded and no sign-up.

Open the generator

Frequently asked questions

What size is an Apple touch icon?
180x180px is the recommended single size for current iPhones and iPads. iOS downscales it for older devices, so one well-made 180x180 PNG covers everything.
Should the Apple touch icon have rounded corners?
No. iOS applies its own rounded mask. Supply a full-bleed square with sharp corners; pre-rounding causes a double-rounded, clipped look.
Why can't I use a transparent Apple touch icon?
iOS fills transparent pixels with solid black. Always use an opaque background - a brand color or white - so the icon looks intentional on the home screen.
How do I add the Apple touch icon to my site?
Place apple-touch-icon.png at your site root and add <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> to your <head>. Logo2Favicon outputs both for you.

Other conversions

  • PNG to favicon - Turn a single PNG into favicon.ico plus every modern icon size, instantly and privately.
  • SVG to favicon - Rasterize a crisp vector logo into favicon.ico and every PNG/Apple/PWA size.
  • JPG to favicon - Strip a JPG's solid background and export a clean favicon.ico and full icon set.
  • Logo to favicon - One logo becomes the entire production-ready favicon and app-icon set in seconds.
  • PNG to ICO - Encode a real multi-resolution favicon.ico (16/32/48) from one PNG - not a rename.

Prefer a platform-specific walkthrough? See favicon by platform, or read the complete favicon guide.