100% Client-SideMedia & Graphics

Multi-Platform App Icon & Favicon Generator

Production-ready app icon and favicon generator for mobile and web developers. Instantly generate pixel-perfect assets across Apple iOS, Google Play Android, and PWA standards with 100% client-side Canvas and zero server upload privacy.

Loading workspace...

#How to Use This Tool

1Upload your source logo or icon image (PNG, SVG, JPEG, or WebP) or use the interactive default preview.
2Fine-tune the inner padding slider so your graphic remains safely within Apple and Android safe zones.
3Choose a background style: transparent, solid brand color, or modern gradient fill.
4Preview how your icon looks with Apple squircle, standard rounded corners, or Android circular masks.
5Click "Download All Icons (ZIP)" for a structured bundle with iOS, Android, Web, and ICO files, or download individual PNG resolutions directly.

#Mathematical Formula & Standards

Apple and Google enforce strict mathematical and visual specifications for application icons. iOS utilizes a continuous superellipse squircle based on the Lamé curve (|x/a|^n + |y/b|^n = 1 with n ≈ 4), preventing harsh curvature transitions at corner junctions. For App Store submission, Apple requires a 1024×1024 unmasked square PNG (no alpha transparency allowed), as iOS dynamically applies squircle masking and drop shadows at the OS level. Conversely, Android Adaptive Icons require a 108×108dp canvas where the critical foreground logo must stay within a centered 66dp diameter safe-zone circle to survive OEM-specific clipping (circle, rounded square, squircle, or teardrop).

#Edge Cases & Technical Considerations

iOS App Store Transparency Rejection

App Store Connect automatically rejects icon uploads containing alpha transparency channels or transparent layers. For iOS production submission, ensure your background is set to a solid color or gradient.

Android Adaptive Icon Safe Zones

Different Android device manufacturers (Samsung, Google, Xiaomi) apply distinct masks to app icons. Keep your core glyph within a 15%–20% inner padding margin to prevent OEM clipping.

Multi-Resolution Favicon ICO Compatibility

Legacy desktop browsers and Windows shortcuts expect a binary `.ico` container. Our engine packs 16×16, 32×32, and 48×48 frames into a single binary without third-party dependencies.

#Frequently Asked Questions

Q:Are my uploaded images stored on any server?

No. regula.tools processes all images 100% locally in your browser memory using the HTML5 Canvas API and Web Cryptography. Your files are never uploaded to any remote server or third-party service.

Q:Why does Apple require square icons without rounded corners?

Apple strictly requires developers to submit square icons (1024×1024) without pre-rounded corners or transparency. iOS, iPadOS, and macOS automatically apply the exact hardware-matched superellipse mask and system lighting effects at runtime.

Q:What sizes are required for Progressive Web Apps (PWAs)?

The W3C Web App Manifest specification recommends at least two icon sizes: 192×192 for home screen launchers and 512×512 for high-DPI splash screens. Google also recommends an icon with "purpose": "maskable" for Android home screens.

Q:Can I download individual icon resolutions instead of the full ZIP?

Yes. Every icon resolution card in the preview grid includes an instant single-click download button for that specific PNG file.

Have feedback or feature requests?

Help us improve this utility. Share suggestions, report edge cases, or request new features directly.

Send Feedback