React Native: Convert SVG images to PNG images

svgs2pngs.sh

#!/bin/sh

rsvg-convert -v > /dev/null 2>&1 || { echo "rsvg-convert is not installed, use: brew install librsvg." >&2; exit 1; }

ASSETS_FOLDER=$1

if [ "$ASSETS_FOLDER" == "" ]; then
  echo "Usage: $0 /path/to/svg/assets/" >&2
  exit 1
fi

if [ ! -d "$ASSETS_FOLDER" ]; then
  echo "$ASSETS_FOLDER path not found" >&2
  exit 1
fi

for FILE_PATH in $(find $ASSETS_FOLDER -name '*.svg'); do
  PATH_NO_EXT="${FILE_PATH%.*}"
  echo $FILE_PATH
  rsvg-convert $FILE_PATH -o "${PATH_NO_EXT}.png"
  rsvg-convert $FILE_PATH -x 2 -y 2 -o "${PATH_NO_EXT}@2x.png"
  rsvg-convert $FILE_PATH -x 3 -y 3 -o "${PATH_NO_EXT}@3x.png"
done

Thanks for sharing! The only script that worked for me!

How do i use this in react-native ?