Favicon Generator topic guide
Create an Apple Touch Icon
Direct answer
Prepare the 180×180 PNG commonly used for an iPhone or iPad home screen shortcut from the same logo you use on your website.
What this workflow handles
The generated Apple Touch Icon is flattened on white because iOS home screen icons commonly use an opaque square asset. Use the preview to check margins and contrast before publishing it.
Use the favicon generator to download every supported size and format in one ZIP, then pick the files your platform or framework actually requires.
How to use it
- Upload your logo
- Create the 180x180 Apple icon
- Preview and download the icon package
Frequently asked questions
What size is an Apple Touch Icon?
The package includes a 180 by 180 pixel apple-touch-icon.png. It is a common size for iOS home screen shortcuts, although each website or framework may have its own publishing instructions.
Why is the Apple Touch Icon on a white background?
The Apple Touch Icon output is flattened on white so transparent logo pixels do not produce an unexpected result on an iOS home screen. Check the preview and use a source with enough padding around the mark.
Explore the favicon generator topic cluster
Use the guide that matches your source file or target platform, then generate the complete package in one place.
Related guides
-
Generate a multi-size favicon.ico
Generate a multi-size favicon.ico from a logo, with 16, 24, 32, 48, 64, 128 and 256 pixel browser frames.
-
Create website install icons for a PWA
Generate 192 and 512 pixel PNG icons for a website's web app manifest, shipped alongside favicon.ico, browser PNGs and site.webmanifest.