Apple Touch Icon

Apple touch icon size: 180 x 180 pixels

The apple touch icon size in this package is 180 x 180 pixels, saved as apple-touch-icon.png. It is made from the same source image as every other icon in the set, so the tab icon and the home screen icon always match.

One file is enough. The package does not pad itself out with a dozen older sizes of the same icon: it ships the modern minimal set, and every file in it has a job.

Apple touch icon PNG from any image

To get an apple touch icon PNG, upload a PNG, JPG, WebP or SVG. A square source fills the 180 pixel square; anything else is scaled to fit and padded, never cropped, so no part of your logo is cut off.

Start from the largest copy you have. A 512 pixel or larger source gives a sharper 180 pixel icon than a small one scaled up, and an SVG is drawn at full resolution before it is resized.

Apple touch icon HTML tag

The apple touch icon HTML tag is one line, <link rel="apple-touch-icon" href="/apple-touch-icon.png">, and it is already written for you in head-snippet.html inside the ZIP.

Upload apple-touch-icon.png to the root of your site, or set a base path in the API so the snippet points to the folder you serve icons from, then paste the snippet into your page head.

Transparent or filled apple touch icon

This apple touch icon keeps the transparency of your source: it is not filled in with a colour. The preview lets you switch the backdrop between a checkerboard, light and dark, so you can see how the icon sits on each before you download it.

If you want a solid square behind your mark, upload a version of the logo that already has its background. What you upload is what the icon shows.

Apple touch icon precomposed

Apple touch icon precomposed refers to an older link name, rel="apple-touch-icon-precomposed". This package uses rel="apple-touch-icon" only and does not include a separate precomposed file.

Apple touch icon generator with the full set

This apple touch icon generator returns the rest of the icon set in the same ZIP: a layered favicon.ico, 16 and 32 pixel PNGs, 192 and 512 pixel PNGs, a maskable icon, a site.webmanifest and the head snippet. One upload covers the tab, the bookmark bar and the home screen.