Cómo crear un icono para iOS y Android
Empieza con un símbolo claro, prepara la imagen adecuada y exporta recursos para comprobarlos en el dispositivo. Esta guía va del primer dibujo a la integración.
¿Qué es un icono de app?
Es la marca visual que identifica la aplicación en la pantalla inicial, resultados de búsqueda y fichas de tienda. Difiere del favicon y del nombre completo: debe reconocerse en pequeño y funcionar con la forma de cada plataforma.
Cómo diseñar el icono
Dibuja con una herramienta vectorial o parte de una ilustración sencilla. Prioriza la lectura antes de decorar.
Elige un foco
Usa un símbolo o letra distintivos y retira detalles pequeños y texto largo que desaparecen al reducir.
Aclara la silueta
Separa símbolo y fondo mediante forma y color. Mantén el contenido importante lejos del borde.
Prueba tamaños reales
Comprueba el tamaño de pantalla inicial sobre fondos claros y oscuros. Ajusta antes de guardar el original.
¿Necesitas un primer símbolo? Explorar el creador de logos
Crear sin software de diseño
Si no tienes dibujo terminado, utiliza una plantilla original editable en el navegador. Sigue el mismo espacio de vista y exportación de abajo.
Elige una plantilla
Compara Orbit, Stack y Signal, fuentes SVG originales no exclusivas que puedes adaptar.
Cambia iniciales y colores
Usa una o dos letras latinas o números, elige fondo y acento y conserva contraste en pequeño.
Revisa antes de exportar
Abre la plantilla, elige plataformas y comprueba máscaras y vistas pequeñas antes de descargar el ZIP.
Preparar la fuente para cada plataforma
iOS: un cuadrado opaco
Prepara un PNG cuadrado de 1024 × 1024 px con fondo completo. No incorpores esquinas redondeadas. El export iOS coloca la imagen en AppIcon.appiconset para Xcode.
Ver guía iOSAndroid: primer plano y fondo
El icono adaptativo usa capas separadas de 108 × 108 dp. Mantén el símbolo en la zona central de 66 × 66 dp. Un motivo transparente facilita elegir color o imagen de fondo.
Ver guía Android adaptativaConsultar tamaños · Documentación de Xcode de Apple · Documentación adaptativa de Android
Crear con el generador
Usa el espacio de abajo tras preparar la fuente. El diseño común puede producir catálogo iOS y recursos de lanzador Android.
Exporta el original
Guarda un PNG nítido de 1024 × 1024 px. Para Android adaptativo, un símbolo transparente facilita separar el fondo.
Sube y elige plataformas
Añade el archivo y activa iOS, Android o ambos.
Comprueba la vista
Define fondo Android y escala del primer plano. Asegúrate de que el motivo importante cabe en la zona segura.
Descarga el ZIP
Exporta los recursos. El ZIP contiene AppIcon.appiconset para iOS y res/mipmap para Android.