React Native 앱 아이콘 만들기

일반 앱 아이콘

https://www.appicon.co/

App Icon Generator

안드로이드 라운드 앱 아이콘

http://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(255%2C%20255%2C%20255)&crop=0&backgroundShape=square&effects=none&name=ic_launcher

Android Asset Studio - Launcher icon generator

 

* Padding를 조절하여 사이즈를 맞추고 Shape 를 Circle 로 변경하여 저장

 

* 투명배경 이미지를 그대로 앱 아이콘으로 만들어주는 사이트

https://makeappicon.com

Developer Tool - App Icon Resizer

앱 아이콘 적용하기

- iOS

ios 앱 아이콘 설정

 

AppIcons > Assets.xcassets > AppIcon.appiconset 경로의 이미지들을 Xcode에 나온 사이즈에 맞게 업로드 해주면 됩니다.

 

- Android

android 앱 아이콘 설정

 

만들어낸 앱 아이콘 폴더 AppIcons > android 경로의 폴더 내부에 있는 일반 아이콘을 프로젝트 android > app > src > main > res 경로에 같은 이름의 폴더 내부의 파일에 대체해주면 됩니다.

 

라운드 아이콘은 ic_launcher_round.png 로 이름을 변경하여 대체해주시면 됩니다.