应用图标打包

Create production-ready app icons from text or an image

App Icon Generator helps you create icon packages for iOS, iPadOS, macOS, Android, and Web/PWA projects. You can start with a short text mark, such as a letter or brand initials, or upload an existing image and export the required icon sizes in one download.

Purpose and benefits

App icons need to look consistent across many platforms, screen densities, and display contexts. Creating each size by hand is easy to get wrong, especially when one project needs iOS app icons, Android mipmap assets, macOS iconset files, and web favicons at the same time.

This tool gives you one controlled workspace for designing, previewing, sharing, and exporting icon assets. It reduces repetitive resizing work, keeps the visual style consistent, and produces packages that are easier to drop into a real app source tree. For teams, the share link is useful when a designer, developer, or client needs to review the same icon settings before download.

1. Choose your source

Use the Text tab when you want a clean letter-based icon. Enter up to three characters, choose a Google Font, set the font weight, adjust the text color, and tune the text size until the preview reads clearly at small sizes.

Use the Image tab when you already have a logo, symbol, or artwork. For the best result, upload a simple square image at 1024x1024 pixels or larger, with the main subject centered and enough empty space around the edges.

2. Adjust the shared icon settings

The General settings apply to both text and image sources. App name is used for generated filenames and manifest data. Background controls the icon color behind your text or uploaded image. Shape changes the corner style, while padding gives the subject more breathing room.

Effects are useful when the icon needs more depth. Subtle gloss gives a soft vertical highlight, Diagonal gloss adds a polished highlight across the icon, and Elevated or Soft shadow can make text-based icons feel less flat. Keep effects restrained if the icon will appear beside detailed app artwork or on busy home screens.

3. Preview before exporting

Switch between iOS, macOS, Android, and Web preview tabs to check how the same source behaves across common icon sizes. Small previews matter most: if the symbol is hard to recognize at 20x20, 32x32, or notification size, increase contrast, simplify the source, or reduce decorative effects.

4. Download the right package

Click Download to export a platform-specific ZIP, or choose All platforms when you want every generated asset. The iOS package includes an AppIcon.appiconset structure, Android includes mipmap density folders, macOS includes iconset assets, and Web/PWA includes favicon files plus manifest snippets.

5. Share the current setup

The Share menu creates a URL with the selected settings, so you can copy it or send it through Facebook, X, LinkedIn, or email. When someone opens the link, the tool restores the text, font, colors, shape, padding, effect, preview tab, and export preferences that were saved in the URL.

Uploaded local images are not embedded into share links for privacy and file-size reasons. If you share an image-based setup, the recipient should upload the same source image again before downloading icons.

Practical tips

• Use one strong focal point instead of detailed artwork with many small elements.
• Choose high contrast between text and background so the icon stays readable at small sizes.
• Keep padding between 8% and 18% for most app icons; increase it when the logo touches the edges.
• Use transparent web icons only when your site design specifically needs transparent favicon or PWA assets.