본문 바로가기
기타/Flutter

[Flutter] 플러터 앱 아이콘(icon) 변경하기

by 손오공수학 2022. 8. 31.
플러터(Flutter) 앱 아이콘(Icon) 변경은 다음 순서로 진행합니다. 
① 아이콘을 만들고 https://icon.kitchen/  
② 아이콘 세트를 다운받고 
③ Android/IOS 에 맞는 폴더에 복사

 

1. 아이콘(Icon) 만들기

 

https://icon.kitchen/  사이트에 방문해서 아이콘을 만들 수 있습니다. 제공해주는 아이콘 예제가 있고, 텍스트나 그림을 추가하여 아이콘 세트를 만들 수 있습니다. 

 

 

 

IconKitchen

Cook up app icons for any platform

icon.kitchen

 

아래는 배경 화면 색상을 선정하고 이미지를 추가하여 아이콘을 만드는 화면입니다. 간단하니 몇번 만지다 보면 쉽게 사용할 수 있습니다. 다 만들고 오른쪽 상단의   Download  를 눌러 아이콘 세트를 다운받습니다. 

 

 

다운 받은 파일은 다음과 같습니다. 

 

 

2. 아이콘 업데이트 

 

① 안드로이드 (Android)의 경우, 프로젝트 폴더에서 android/app/src/main/res 에 다운받은 파일에서 /android/res 에 있는 mipmap~~ 폴더와 파일을 모두 복사합니다.

 

 

② iOS의 경우, 프로젝트 폴더에서 ios/Runner/Assets.xcassets/AppIcon.appiconset 에 다운받은 파일에서 /ios 에 있는 png 파일과 json 파일을 모두 복사합니다.

 

 

에뮬레이터로 실행해봤는데 다음과 같이 아이콘이 잘 변경되어 있는 것을 확인하였습니다. 

도움이 되면 좋겠습니다. 

 

 

댓글