
Next, you will need to add the flutter_icons property to pubspec.yaml just above dev_dependencies. There is a slight issue here that I will get to in a moment. The next thing you need to do is head over to your pubspec.yaml file, and, under dependencies, add flutter_launcher_icons. After you’ve created your assets directory, move your icon image into it. Now that you have an image, create a directory in your Flutter app called assets if you do not have one already.
When you make your own, use a 1:1 ratio (mine is 714×714), as this will ensure your icon looks best and most evenly centered. I pulled a heart icon (included on GitHub) from Google Images.
Adding a custom background to your Flutter iconīefore we get into development, make sure that you first have an image. Using flutter_launcher_icons in Flutter. In this tutorial, you’ll learn how to create Flutter launcher icons using this package. These are referred to as launcher icons, and, thanks to the Flutter package flutter_launcher_icons, it’s easier than ever to create them. Create adaptive icons in Flutter with flutter_launcher_iconsĭevelopers know that the icons they use for their apps are of vital importance, especially when rendering icons on different platforms. Currently, he is a JavaScript SDK engineer at Socket Mobile. Matthew Croak Follow A Brooklyn-based Flatiron School-alum, Matthew is a post-production assistant turned software engineer with a fruitful four years of experience.