[Flutter] How to Add an Icon into a Flutter App

이번 포스팅에서는 Flutter 앱에 아이콘을 넣는 방법에 대해 살펴보겠습니다.

App을 store에 배포하거나, 배포된 앱을 설치했을 때 보이는 아이콘입니다. ^^

Prerequisite

먼저, 원하는 아이콘 파일을 준비해 주세요.

프로젝트에 asset 폴더를 만들고, 이 아이콘을 넣어줍니다.

Add Icon using Plugin

다음으로, 이 작업을 편하게 해줄 plugin을 설정해 줍니다.

https://pub.dev/packages/flutter_launcher_icons

자세한 내용은 링크를 참고해주세요.

Plugin 설정을 위해 pubspec.yaml 파일을 수정합니다.

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^2.0.0
  flutter_launcher_icons: ^0.13.0
  
flutter_icons:
  android: true
  ios: true
  remove_alpha_ios: true
  image_path: 'asset/icon.png'

다음의 명령을 통해 프로젝트에 적용합니다.

$ flutter pub get
$ flutter pub run flutter_launcher_icons

이제 끝입니다.

android/app/src/main/res 폴더와 ios/Runner/Assets.xcassets/AppIcon.appiconset 폴더에 보면 잘 들어가 있는 것을 확인하실 수 있습니다.

또한, 에뮬레이터를 실행해보면 설정한 아이콘으로 앱이 설치된 것을 보실 수 있습니다.

Wrap Up

이번에는 플러터 앱의 아이콘을 넣는 방법에 대해 살펴보았습니다.

각 환경에 따라 다양한 크기의 아이콘을 준비해야 하기 때문에 상당히 번거로울 수 있지만, 플러그인을 사용하면 손쉽게 해결할 수 있습니다.

도움이 되셨길 바래요.