icon Apple Favicon Generator

Create optimized Apple Touch Icons for iPhone, iPad, and Safari. Generate all required sizes for iOS, iPadOS, and MacOS in one click.

⬆️

Drag & Drop your image here

Maximum file size: 5MB. Supported formats: PNG, JPG, GIF, WEBP, SVG

Quality: 90%

⇢ Check also SVG Favicon Generator, PNG Favicon Generator, and JPG Favicon Generator

How to Create Apple Touch Icons

  1. Upload your image by dragging and dropping or using the file browser.
  2. Select your preferred size (180×180, 167×167, 152×152 pixels, etc.) or use the default selection.
  3. Adjust quality settings and background options if needed.
  4. Click the "Create Apple Icons" button.
  5. Download your Apple Touch Icons as a ZIP package.

About Apple Touch Icon Sizes

Apple devices use different icon sizes depending on the device model and context. Our tool generates all sizes you need:

iOS and iPadOS Icon Sizes

  • 180×180 pixels: iPhone 6 Plus, iPhone X, and newer models
  • 167×167 pixels: iPad Pro
  • 152×152 pixels: iPad, iPad mini
  • 120×120 pixels: iPhone with Retina display
  • 76×76 pixels: iPad 2, iPad mini
  • 57×57 pixels: Older iPhone, iPod Touch (iOS 6 or earlier)

Implementation Tips

  • Precomposed Icons: Use for disabling iOS visual effects (gloss, rounded corners)
  • Safari Pinned Tab: Create SVG monochrome icon for Safari pinned tabs
  • Startup Images: Generate splash screens for various iOS devices

Note: Our tool generates all sizes in a single package, with the appropriate HTML code for implementation.

Supported Image Formats

  • PNG: Best for logos and graphics with transparency.
  • JPG/JPEG: Ideal for photographic images and detailed pictures.
  • GIF: Good for simple graphics with limited colors.
  • WEBP: Modern format with good compression, supports transparency and high quality.
  • SVG: Vector format, perfect for crisp icons at any size.

How to Add Apple Touch Icons to Your Website

Once you've generated your Apple Touch Icons, add the following code to the <head> section of your HTML:

<!-- Apple Touch Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">

<!-- Optional: Safari Pinned Tab -->
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#007aff">

You can also use the HTML code provided with your download, which will be customized for the specific icons you generated.

Benefits of Using Apple Touch Icons

  • 📱

    Enhanced User Experience

    When users add your website to their home screen, they'll see your custom icon instead of a screenshot.

  • 🔍

    Better Brand Recognition

    A well-designed Apple Touch Icon reinforces your brand identity across Apple devices.

  • 🚀

    Progressive Web App Support

    Essential for PWAs to provide a more app-like experience on iOS devices.

  • 📊

    Professional Appearance

    Properly optimized icons demonstrate attention to detail and iOS platform conventions.