close

How to change the application launcher icon on Flutter?

Hello Guys How are you all? Hope you all are fine. Sometimes we need to change our flutter app launcher icon so we are going to learn How to change the application launcher icon on Flutter? in this tutorial. So let’s start this tutorial without wasting your time.

Here is Basically Two methods to change the application launcher icon on Flutter.

  1. By manually
  2. By Using Plugins

How to change the application launcher icon on Flutter Manually?

  1. How to change the application launcher icon on Flutter?

    To change the application launcher icon on Flutter Basically Two methods to change the application launcher icon on Flutter. 1 By manually and 2 By Using Plugins. Here is both method Explained.

  2. change the application launcher icon on Flutter

    To change the application launcher icon on Flutter Basically Two methods to change the application launcher icon on Flutter. 1 By manually and 2 By Using Plugins. Here is both method Explained.

In Windows

  • I would suggest You to use this website Linked Below
  • App Icon Creator
  • upload The Image,
  • Make necessary Changes And Click on download(dont change the file name)
  • Extract the Downloaded Zip File In the respective folder at here

In macOS

  1. First Of all, start Xcode and use it to open the ios folder in your Flutter project.
  2. Then go to Runner > Assets.xcassets and delete the AppIcon item.
  3. After that right-click and choose Import…. Choose the icon set that you just created.
  4. That’s it. Confirm that the icon was created by running the app in the simulator.

How to change the application launcher icon on Flutter Using Plugin?

  • please add this dependency on your pubspec.yaml page
  • you have to upload an image/icon on your project which you want to see as a launcher icon. (i have created a folder name:image in my project then upload the logo.png in the image folder). Now you have to add the below codes and paste your image path on image_path: in pubspec.yaml page.
  • Go to terminal and execute this command:
  • After executing the command then enter below command:
  • Done

Summery

So, It’s All About This tutorial. I hope this tutorial helps you to Solve your error. Please Comment Below if You stucks anywhere with my code. And please comment below on which solution worked for you. Thank You.

Also Check Out Below Tutorials

Leave a Comment

%d bloggers like this: