react-native-icon

react-native-icon

Automatic icon resizing for React Native. Inspired by cordova-icon.

Introduction

This simple tool allows you to create a single icon in your react-native project, then create icons of all required sizes from it. It currently works for iOS and Android.

This project is inspired by Alex Disler's superb cordova-icon project.

Installation

Install with:

npm install react-native-icon

You will need imagemagick installed:

brew install imagemagick          # OSX
sudo apt-get install imagemagick  # Debian/Ubuntu/etc
sudo yum install imagemagick      # CentOS/etc

Usage

Add an icon named icon.png to your project root. Then run:

./node_modules/.bin/react-native-icon

The image should be at least 192x192 pixels and square.

If an iOS project is present, then the icon will be copied at all required sizes to:

./ios/<ProjectName>/Images.xcassets/AppIcon.appiconset

If an Android project is present, then the icon will be copied at all required sizes to:

./android/app/src/main/res

License

MIT