Image Tools
LiveApple Touch Icon Generator turns any logo into the apple-touch-icon.png files iOS uses when someone adds your site to their Home Screen.
Drop a logo or icon here, or click to browse
Square images work best (180×180+)
Supported formats
PNG, JPG, WebP, SVG
Examples
Site logo, square brand mark, 512×512 app icon
You will get
apple-touch-icon.png (180×180) ready to drop into your site
Apple Touch Icon Generator turns any logo into the apple-touch-icon.png files iOS uses when someone adds your site to their Home Screen. It outputs the modern 180×180 default plus the legacy iPad Pro (167), iPad Retina (152) and iPhone Retina (120) sizes, all pre-flattened to a solid background so iOS doesn't render a black square behind transparent PNGs. Runs entirely in your browser — your logo never leaves your device.
When a user adds your site to their iOS home screen, iOS looks for a <link rel='apple-touch-icon'> tag in your HTML and uses that PNG as the launcher icon. Without it, iOS takes an ugly low-resolution screenshot of your page and uses that — almost always with white text or buttons on a transparent background that becomes invisible. Adding proper touch icons is a 5-minute fix that dramatically improves how your site looks when bookmarked.
iOS officially documents 180×180 (iPhone Plus and later), 167×167 (iPad Pro), 152×152 (iPad), and 120×120 (iPhone). Modern iOS will scale down 180×180 if smaller sizes are missing, so the minimum viable setup is a single 180×180 PNG. The full multi-size setup gives crisp icons on every device.
iOS automatically rounds the corners and adds a subtle gloss, so design your icon with a square edge and no rounded corners of your own. Use a solid background (no transparency — iOS will composite transparency against black, which usually looks terrible). Keep your symbol or logo with at least 10% padding on each side. Use bold, high-contrast shapes — at 60×60 displayed size, fine detail disappears.
Place the generated PNGs at the root of your domain (e.g. /apple-touch-icon-180x180.png) and add <link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon-180x180.png'> to your <head>. Our tool generates the exact tags to copy-paste.
Apple Touch Icon Generator solves a single, well-scoped task on images without the usual web-tool friction: no signup wall, no email gate, no upsell prompts, no watermark, no daily quota and no file-size limit beyond what your device's RAM allows. The interface is deliberately minimal — pick your input, set any options, click the action button, download the result. Everything from upload to download usually takes less than ten seconds. Because the tool focuses on a single job rather than trying to be a do-everything suite, the defaults are tuned for that job and rarely need adjustment.
Most operations happen locally using modern browser APIs (Canvas, File, Web Workers, WebAssembly) so your data never has to leave your device. That matters for personal documents (IDs, statements, certificates), confidential business files (contracts, invoices), and anything else you'd rather not hand to a third-party server. Where a step genuinely needs server help (only true for AI-powered tools), we route through a trusted AI gateway and discard your input immediately after the response is returned. There is no analytics pixel attached to the file itself, no fingerprinting of the document, and no copy persisted in cloud storage.
Real work is a chain of small steps: download a file → fix one thing → re-upload. Apple Touch Icon Generator owns one link in that chain and tries to do it well — sharp output, predictable behaviour, no surprises. Pair it with the other free tools on this site (compressors, converters, resizers, PDF utilities, QR generators, AI writing helpers) to handle the entire chain without leaving the browser. The fewer tabs your workflow needs, the faster you finish, and the lower the risk of a sensitive file leaking through a third-party converter.
There is no premium tier. The tool is free because hosting static JavaScript costs us almost nothing, and we'd rather earn trust than rent attention with paywalls. Use it once a year or a hundred times today — the experience is the same. If a tool ever does require a server call (AI features specifically), that call is metered at our cost, not yours, and you will never be asked for a credit card to access the basic functionality. We do not insert affiliate links into outputs, we do not stamp watermarks on downloads to push upgrades, and we do not impose 'pro' formats behind a paywall.
Apple Touch Icon Generator runs on every modern desktop browser (Chrome, Edge, Firefox, Safari, Brave, Arc) released after 2021, and on every modern mobile browser including iOS Safari and Android Chrome. There is nothing to install, no extension to approve and no permission to grant beyond standard file access when you pick an upload. On slower phones the heaviest tasks (image compression of multi-megabyte photos, PDF merges of long documents) may take a few extra seconds while the device's JavaScript engine catches up, but the work still completes locally. If you hit a memory error on a very low-end device, refresh the tab and try a smaller batch — every tool here is stateless, so a refresh is harmless.
Because nothing is uploaded, there is no question of who can see your file in transit, where the server lives, or how long the provider retains a copy. The browser is the sandbox. The code that runs is the same code that ships to every visitor — auditable in the page source. We follow standard web security practice: HTTPS-only delivery, Subresource Integrity on third-party scripts, and a strict Content Security Policy that prevents arbitrary third-party code from running on the page. For organisations that need to demonstrate due diligence on a 'no data leaves the device' claim, the network tab in any browser's developer tools confirms that processing a file generates zero outbound requests with file contents attached.
Start from the highest-quality source you reasonably can — Apple Touch Icon Generator preserves quality but cannot invent detail that isn't in the input. For images, prefer the original camera file over a screenshot of a screenshot. For PDFs, prefer the digitally generated original over a phone photograph of a printout. If a step in your workflow is going to compress or downscale, do it last, so each earlier step still has full information to work with. And when a portal you are uploading to enforces an awkward limit (a strict 50 KB cap, an obscure aspect ratio, a single-page-only restriction), check the tool list — there is almost certainly a dedicated tool here that handles that exact constraint without you needing to learn the maths.
180, 167, 152 and 120 px — every modern + legacy iOS device covered.
iOS ignores transparency on touch icons. We pre-composite onto white so your icon doesn't look broken.
We give you the exact HTML to drop into your <head>.
No upload, no logging. Your unreleased logo stays on your device.
Upload your square source logo (512×512 or larger gives the sharpest result).
Pick a background: 'Flatten to white' (recommended for iOS) or 'Keep transparency'.
Click Generate — all four sizes are produced instantly.
Download the 180×180 as apple-touch-icon.png and place it at your site root.
Paste the <link> tags shown below the icons into your <head>.
180×180 is the only one most modern iPhones use — if you only ship one file, ship that.
iOS auto-applies rounded corners. Don't pre-round your icon or it'll get double-rounded.
Keep about 10% padding around your logo so iOS doesn't crop into the mark.
Avoid pure-transparent backgrounds — iOS renders them on a black square.
More Image Tools you might find useful.
Popular tools people reach for after Apple Touch Icon Generator.
Common questions about tools related to Apple Touch Icon Generator.