Apple Touch Icon Generator
Create the 180×180 apple-touch-icon iOS uses for home-screen bookmarks — plus a full favicon set — locally in your browser. Nothing is uploaded.
Privacy-first: every image is processed locally in your browser. Nothing is uploaded, stored or transmitted to any server.
The icon iOS puts on the home screen
When someone adds your site to their iPhone or iPad home screen, iOS looks for a 180×180 apple-touch-icon; without one it falls back to a blurry screenshot. This generator renders that exact size from your image — with a solid background, since apple-touch-icons should not be transparent — and includes it in the download alongside the favicon.ico and Android icons.
One export, every platform
Rather than hand-cropping a separate file per device, generate the whole set at once: apple-touch-icon for iOS, 192 and 512px PNGs for Android and PWAs, and favicon.ico for desktop browsers, with an HTML snippet to reference them. It all runs in your browser, so your brand art never leaves your device.
Frequently asked questions
- Is my image uploaded to make the favicon?
- No. The favicon.ico, PNG icons and manifest are all generated locally in your browser using the Canvas API. Your image never leaves your device.
- What sizes and files do I get?
- A multi-resolution favicon.ico (16, 32 and 48px), PNG icons at 16, 32, 48, 180 (apple-touch-icon), 192 and 512px, a site.webmanifest, and an HTML snippet to paste into your <head>.
- Can I convert a PNG or SVG to an ICO?
- Yes. Drop in a PNG, JPG, SVG or WebP and download a real favicon.ico. SVG logos are rasterized locally at high resolution first.
- What image works best?
- A square image with a simple, high-contrast logo. Non-square images are center-cropped to fit; use the padding and shape controls to frame it the way you want.
- How do I install the favicon?
- Unzip the package into your site’s root folder and paste the provided HTML snippet into the <head> of your pages. The favicon.ico is picked up automatically by most browsers.