Generate Icons using flutter launcher and icon kitchen

Make quick and dirty app icons with flutter launcher and icon kitchen

Thu, 15 Jun 2023

Icon Kitchen is an easy way to create icons for your apps and then flutter icon launcher is a nice package to use the icons that icon kitchen makes and generates all the launch icons for your app.

  1. First you want to install the icon launcher and build runner
flutter pub add flutter_launcher_icons dev:build_runner

The build_runner package provides a concrete way of generating files using Dart code. Files are always generated directly on disk, and rebuilds are incremental

  1. Add this config to your pubspec.yml. This will tell flutterlaunchericons what icons to build and what to use for the image
flutter_launcher_icons:
  image_path_android: "assets/app_icons/android.png"
  image_path_ios: "assets/app_icons/ios.png"
  android: true
  ios: true
  min_sdk_android: 21
  1. Create your icon! Icon Kitchen. Once you’re done, add the image to your assets/app_icons/ folder

  2. Run dart pub run flutterlaunchericons and it should generate all of your app icons. Clean your project with flutter clean and then launch your app and you should see the new icons on the home screen

Buy Me A CoffeeDigitalOcean Referral Badge
Loading...
Edward Beazer

Edward Beazer - I just like to build shit. Sometimes I get stuck for hours, even days while trying to figure out how to solve an issue or implement a new feature. Hope my tips and tutorials can save you some time.

DigitalOcean Referral Badge