¿Se puede animar el ícono de una app? Lo que de verdad permiten iOS y Android

¿Se puede animar el ícono de una app en iPhone?

No. No existe una API pública de iOS que permita a una app de terceros reproducir una animación en su ícono de la pantalla de inicio. La única API de íconos es setAlternateIconName(_:completionHandler:), y alterna entre íconos que declaraste de antemano: el nombre que pasas debe figurar en CFBundleAlternateIcons, y nil restaura el ícono principal (Apple Developer Documentation). Cada opción es un conjunto de imágenes estáticas y terminadas, compilado en la app.

Tres reglas más acotan las opciones:

• Los íconos alternativos necesitan sus propias variantes. Las HIG de Apple indican que los íconos alternativos en iOS y iPadOS requieren sus propias variantes oscura, transparente y tintada, y todas están sujetas a App Review (Apple HIG).
• Los íconos deben seguir siendo reconocibles. La pauta 2.3.8 pide que el nombre de tu app y sus íconos, incluidos los alternativos, sean similares entre sí para evitar confusiones (App Review Guidelines).
• Liquid Glass es tarea del sistema. Con el diseño Liquid Glass, los íconos por capas adquieren brillos especulares, refracción y translucidez que el sistema aplica y adapta. Las HIG te piden dejar que el sistema gestione estos efectos, y señalan que los efectos personalizados son estáticos, mientras que el sistema aporta los dinámicos.

Así que el brillo que ves desplazarse por los íconos en las versiones recientes de iOS no es algo que puedas programar, y ningún ajuste de compilación convierte tu ícono en un loop.

¿Cómo tienen íconos en vivo Clock y Calendar?

Son apps de la propia Apple. Cuando un desarrollador preguntó si una app podía animar su ícono como el de Clock, un ingeniero de Apple DTS respondió: "Clock y Calendar son apps integradas y, por lo tanto, pueden usar recursos fuera del SDK de iOS" (Apple Developer Forums).

Ese hilo es de 2017 y nada público ha cambiado desde entonces: el SDK sigue sin tener una API de íconos en vivo para apps de terceros. La fecha de Calendar y las manecillas de Clock son excepciones del sistema, no una función que puedas solicitar con un entitlement.

Si lo que quieres es información que se actualice, como una fecha, un contador o un estado, los lugares compatibles son los widgets, las Live Activities y los badges de notificación. Tienen sus propios límites de animación; consulta la guía de mascota animada para apps para ver dónde puede vivir un personaje dentro de las reglas del sistema.

¿Y el truco de 2024 que animaba íconos de iOS?

En mayo de 2024, un desarrollador mostró íconos animados en la pantalla de inicio llamando a la API de íconos alternativos mediante un método privado, que omitía la confirmación del usuario, y engañando al sistema para que tratara la app como activa mientras recorría los fotogramas. El artículo de 9to5Mac señalaba que App Review probablemente rechazaría cualquier app que lo aprovechara (9to5Mac).

Eso coincide con las reglas escritas. La pauta 2.5.1 dice que las apps solo pueden usar API públicas (App Review Guidelines). Toma la demostración como una curiosidad, no como una opción para una app en producción. Llamar a la API pública en un loop tampoco sirve: cada llamada cambia un ícono estático por otro, no es una reproducción.

¿Se puede animar el ícono de una app en Android?

El ícono del launcher en sí, no. Los íconos adaptables de Android tienen dos capas (primer plano y fondo), de 108×108 dp cada una, con una zona segura de 66×66 dp que la máscara de un fabricante nunca recorta. La documentación de Google indica que los 18 dp exteriores de cada lado se reservan para el enmascarado y para efectos visuales como el paralaje o la pulsación, y que "los efectos visuales animados los generan los launchers compatibles" (Android Developers). Tú aportas las capas; el launcher decide cómo se mueven.

• Íconos temáticos: desde Android 13, los usuarios pueden aplicar temas a los íconos que incluyen una capa monochrome, tintada según su fondo de pantalla y su tema.
• Temas automáticos: la misma página indica que, a partir de Android 16 QPR 2, Android aplica temas automáticamente a los íconos de las apps que no proporcionan los suyos.
• Cambio de íconos: no hay una API dedicada a los íconos; las apps suelen alternar entre entradas <activity-alias>, lo que sigue siendo un cambio entre imágenes estáticas. Consulta íconos alternativos para apps.

El único lugar donde Android sí te permite animar tu ícono es la splash screen del sistema en Android 12 y versiones posteriores, donde el ícono centrado puede ser un AnimatedVectorDrawable. Lo explicamos en la guía del ícono animado en la splash screen de Android.

¿Dónde puede animarse realmente el ícono de tu app?

Casi en todas partes excepto en la pantalla de inicio del teléfono. Estos son los lugares donde una versión animada de tu ícono está permitida y resulta útil:

El ícono de la ficha sigue siendo una imagen fija en ambas tiendas: Google Play pide un PNG de 32 bits de 512×512 px y como máximo 1024 KB (Ayuda de Play Console), y el tamaño de diseño del ícono de iOS de Apple es de 1024×1024 px.

¿Qué es lo más parecido a un ícono de app animado?

Una transición de inicio. El usuario toca un ícono fijo, ve una pantalla de inicio estática con el mismo ícono sobre el color de tu marca, y luego el ícono cobra vida en tu primera pantalla y vuelve a su lugar mientras aparece la interfaz. Bien hecho, se percibe como «el ícono se animó», y solo usa comportamientos públicos y compatibles.

1. Mantén estática la pantalla de inicio del sistema: UILaunchScreen o un storyboard de inicio en iOS, que solo puede usar clases estándar de UIKit, sin clases personalizadas ni conexiones de código (Apple Developer Documentation). En Android, un ícono de splash fijo o un AVD sencillo.
2. Haz que el ícono de la pantalla de inicio coincida con el primer fotograma de tu intro: mismo tamaño, mismo centro y mismo hex de fondo.
3. Reproduce la intro en la primera pantalla, termínala en el ícono en reposo y haz aparecer la interfaz a su alrededor con un fundido.
4. Omite la intro cuando el movimiento reducido esté activado y no la conviertas en una espera obligatoria cuando la app abre rápido.

Charmotion crea exactamente esto a partir de un PNG, JPEG o WebP de tu ícono: una intro de inicio de 2.6 segundos que termina en el ícono en reposo, entregada como archivo de Rive (LaunchStateMachine), WebM con fondo transparente y MOV HEVC, un video de inicio 9:16 y MP4. Los íconos 3D, con degradados o con texto se animan tal cual en modo Motion, nunca se redibujan. No exporta AnimatedVectorDrawable, así que la parte de la splash del sistema de Android tendrás que crearla tú.

Preguntas frecuentes

¿Apple rechazará una app que anime su ícono en la pantalla de inicio?

Si lo hace mediante métodos privados, espera un rechazo: la directriz 2.5.1 solo permite APIs públicas, y la demo de 2024 que hacía rotar íconos dependía de una llamada privada. Cambiar el ícono con setAlternateIconName en respuesta a una elección del usuario está bien, siempre que cada ícono se mantenga similar a tu app según la directriz 2.3.8.

¿Los efectos Liquid Glass del ícono cuentan como animación?

No como una animación que tú controles. En las versiones recientes de iOS, los íconos por capas adoptan atributos de Liquid Glass como reflejos especulares, refracción y translucidez, que el sistema aplica y adapta. La HIG de Apple indica que dejes que el sistema gestione estos efectos en lugar de incorporar los tuyos en el arte.

¿Los íconos de apps en tvOS se mueven?

Sí, pero lo controla el sistema. Los íconos de tvOS usan de dos a cinco capas y, cuando están enfocados, el ícono se eleva y se balancea con un efecto parallax a medida que el usuario mueve el dedo en el control remoto. Tú diseñas las capas; no puedes agregarles tu propia animación.

¿Un launcher de Android puede mostrar un ícono de app en movimiento?

Solo los efectos que genera el propio launcher. La documentación de Google sobre íconos adaptables indica que los efectos visuales animados los generan los launchers compatibles y varían entre ellos. Tu app aporta capas fijas de primer plano, fondo y, opcionalmente, monocromática.

Respuestas rápidas de esta guía

• ¿Se pueden animar los íconos de apps en iPhone?
• ¿Se pueden animar los íconos de apps en Android?
• ¿Cómo tienen íconos en vivo Clock y Calendar?

Fuentes

• setAlternateIconName(_:completionHandler:), Apple Developer Documentation
• App icons, Apple Human Interface Guidelines
• Animated app icon like Clock (DTS reply), Apple Developer Forums
• iOS exploit enables animated app icons, 9to5Mac
• App Review Guidelines (2.3.4, 2.3.8, 2.5.1), Apple
• Adaptive icons, Android Developers
• Splash screens, Android Developers
• Specifying your app's launch screen, Apple Developer Documentation
• Add preview assets to showcase your app, Play Console Help