Generar iconos de aplicación Android, iOS y favicon en web para Flutter – Dart

Tiempo de lectura: 2 minutos

Para crear los iconos de mi aplicación he usado flutter_launcher_icons.

  • Primero hay que agregarlo en el pubspec.yaml dentro de dev_dependencies y después ejecuta flutter pub get

flutter_launcher_icons: "^0.13.1"
  • En tu archivo pubspec.yaml, agrega una sección flutter_launcher_icons para configurar los iconos que deseas generar. Especifica rutas a los archivos de imagen que se utilizarán como base para los iconos.

Importante, añade el icono.png con un tamaño de 1024×1024 pixeles.

flutter_launcher_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/images/icono.png"
  min_sdk_android: 21 # android min sdk min:16, default 21
  web:
    generate: true
    image_path: "assets/images/icono.png"
    background_color: "#hexcode"
    theme_color: "#hexcode"
  • En el apartado image_path hay que poner la ruta a la imagen con extensión png que queramos que tenga de referencia para crear los diferentes tamaños de icono en la aplicación
  • Por último ejecutar el siguiente comando:
dart run flutter_launcher_icons:main

Espero que les sirva de ayuda, feliz día

Deja un comentario