LumaTool
Procesamiento local

Generador de iconos de app

Generador de iconos de app turns one logo or icon image into common iOS, Android, and PWA app icon sizes with rounded preview, safe-area preview, ZIP export, and manifest icon JSON.

Runs locallyNo uploadYour input is processed in your browser.

Generador de iconos de app

Genera tamaños de icono para iOS, Android y PWA desde PNG, JPG, WebP o SVG con vista de zona segura.

Qué es esta herramienta

An app icon generator converts one brand mark, logo, or square artwork into the multiple icon sizes required by mobile apps, Android launchers, and installable web apps. It helps teams export a consistent icon set without sending design files to a server.

Formatos admitidos

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

Archivos de salida

  • app-icon-ios-20.png
  • app-icon-ios-29.png
  • app-icon-ios-40.png
  • app-icon-ios-60.png
  • app-icon-ios-76.png
  • app-icon-ios-83-5.png exported at 167x167
  • app-icon-ios-1024.png
  • Android and PWA icons from 48x48 to 512x512
  • lumatool-app-icon-pack.zip

Guía de tamaños

  • 20x20, 29x29, 40x40, 60x60, 76x76: common iOS slots.
  • 167x167: iPad Pro 83.5pt icon export.
  • 1024x1024: high-resolution App Store style source.
  • 48x48, 72x72, 96x96, 144x144: Android launcher sizes.
  • 192x192 and 512x512: PWA manifest icons.

Ejemplos de entrada

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

Ejemplos de salida

  • app-icon-ios-20.png
  • app-icon-ios-29.png
  • app-icon-ios-40.png
  • app-icon-ios-60.png
  • app-icon-ios-76.png
  • app-icon-ios-83-5.png exported at 167x167

Casos de uso

  • Export a starter icon pack for iOS, Android, and PWA projects.
  • Check rounded-corner and safe-area behavior before app handoff.
  • Generate web manifest icon JSON for installable web apps.
  • Prepare launcher icon sizes from one source logo.
  • Compare platform-specific outputs before sending files to developers.

Buenas prácticas

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

Errores comunes

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

Privacidad y procesamiento local

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Ejemplos

Ejemplos de entrada

Entrada de ejemplo 
Company logo PNG
Personal blog avatar
SaaS product mark
Salida de ejemplo 
app-icon-ios-20.png
app-icon-ios-29.png
app-icon-ios-40.png

Generador de iconos de app turns one logo or icon image into common iOS, Android, and PWA app icon sizes with rounded preview, safe-area preview, ZIP export, and manifest icon JSON.

Ejemplos de salida

Entrada de ejemplo 
one source icon image
Salida de ejemplo 
app-icon-ios-20.png
app-icon-ios-29.png
app-icon-ios-40.png
app-icon-ios-60.png
app-icon-ios-76.png

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Nota de privacidad

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Cómo usar

  1. Paso 1. Sube una imagen o introduce rutas de iconos.
  2. Paso 2. Elige las opciones para tu web, app o PWA.
  3. Paso 3. Revisa vistas previas, archivos, manifest o código HTML.
  4. Paso 4. Descarga archivos, ZIP o copia el código generado.

Ejemplos reales

Export a starter icon pack for iOS, Android, and PWA projects

Export a starter icon pack for iOS, Android, and PWA projects.

Check rounded-corner and safe-area behavior before app handoff

Check rounded-corner and safe-area behavior before app handoff.

Generate web manifest icon JSON for installable web apps

Generate web manifest icon JSON for installable web apps.

Casos de uso

  • Export a starter icon pack for iOS, Android, and PWA projects.
  • Check rounded-corner and safe-area behavior before app handoff.
  • Generate web manifest icon JSON for installable web apps.
  • Prepare launcher icon sizes from one source logo.
  • Compare platform-specific outputs before sending files to developers.

Preguntas frecuentes

What image size should I upload?

A square 1024x1024 image is a strong source because it can scale down cleanly to smaller app icon sizes.

Can I generate both iOS and Android icons?

Yes. Choose all platforms or filter the output to iOS, Android, or PWA.

Does this tool upload my app icon?

No. El procesamiento ocurre en el navegador y el archivo no se sube a servidores de LumaTool.

What is the difference between app icon and favicon?

App icons are used by mobile launchers, stores, and installed apps. Favicons are primarily used by websites, browser tabs, bookmarks, and PWA metadata.

Why do I need 192x192 and 512x512 icons?

These are common PWA manifest sizes used for install prompts, launchers, and high-resolution surfaces.

Can I use the generated icons in a PWA?

Yes. Use the Android/PWA PNG files and copy the generated manifest icons JSON into your web manifest.

¿Para qué sirve mejor Generador de iconos de app?

Generador de iconos de app sirve para tareas rápidas de herramientas de iconos desde el navegador, como revisar, convertir, limpiar o formatear datos.

¿Cómo se trata mi entrada?

Tu archivo se procesa localmente en el navegador y no se sube a servidores de LumaTool. Decodificación, canvas, ICO, ZIP, manifest y HTML se generan en el cliente.

Herramientas relacionadas

G

Generador de favicon

Crea favicon.ico, PNG, Apple Touch Icon, iconos Android, manifest, vistas previas, etiquetas HTML y ZIP en el navegador.

Herramientas de iconos Disponible Procesamiento local Sin subida Usar ahora R

Redimensionador de iconos

Cambia PNG, JPG, WebP o SVG a tamaños cuadrados comunes con contain, cover, transparencia, fondo y ZIP.

Herramientas de iconos Disponible Procesamiento local Sin subida Usar ahora V

Vista previa SVG segura

Previsualiza SVG de forma aislada e inspecciona tamaño, colores y riesgos.

Herramientas de imagen Disponible Procesamiento local Sin subida Usar ahora C

Conversor ICO

Convierte PNG, JPG y WebP a archivos favicon.ico de varios tamaños.

Herramientas de imagen Disponible Procesamiento local Sin subida Usar ahora O

Optimizador SVG

Comprime, limpia, sanea, previsualiza, copia y descarga SVG eliminando scripts, eventos, metadata y contenido riesgoso.

Herramientas de iconos Disponible Procesamiento local Sin subida Usar ahora