Press "Enter" to skip to content

Flutter : How to Change App Icon into Custom Logo

Let’s see how to change flutter app icon into a custom icon or logo. There are several methods for this. This method is simple and compatible with both android and ios.

Add flutter_launcher_icons package

Like adding normal packages, add flutter_launcher_icons 0.9.0 package on your pubspec.yaml file.

flutter_launcher_icons: ^0.9.0
Flutter launcher icons for custom icon for app

Select the Icon

Select an icon for your application and place the icon on your flutter project folder asset.

As an example, we place an icon named ‘logo.png’ on folder ‘icon’.

Flutter custom app logo from asset

Choose the Icon

You can simple choose the icon from asset using following code on pubspec.yaml:

  image_path: "icon/logo.png"
  android: true
  ios: true
Set custom icon for flutter app

Run Command on Terminal

flutter pub get
flutter pub run flutter_launcher_icons:main
Terminal commands for flutter custom icon

Your new icon is ready

New icon for flutter application

If you get error:

Cannot open file, path = 'icon2/logo.png' (OS Error: The system cannot find the path specified.

Means you need to check the file location or file existence with name as case sensitive.

See more flutter tutorials

Video Tutorial

Be First to Comment

Leave a Reply