Create store icons from a SVG.
Create icons for mobile and tablet applications for all stores from a simple squared SVG.
As of 0.3.X, Cordova / PhoneGap have changed their directory and naming conventions so that it fits better the targeted platforms. This plugin is adapted to the new file structure to ease integration. Check former release 0.1.12, if you are still on Cordova / PhoneGap 0.2.X releases.
In bold, the chart represents the user provided options. Normal texts are the generated sub file paths.
This plugin requires GraphicsMagick.
If you are on OSX, use HomeBrew:
brew install graphicsmagick
If you are on Ubuntu:
sudo apt-get install graphicsmagick
This plugin requires Grunt
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-svg2storeicons --save-dev
In your project's Gruntfile, add a section named
svg2storeicons to the data object passed into
gruntinitConfigsvg2storeicons:your_target:// Source file: the SVG.src: 'app/res/icon.svg'// Destination directory where are stored all app iconsdest: 'www/'// Optionnal, it produces icons for every stores if not specifiedoptions:// A list of storesprofiles: 'windows-phone' 'android';
Specify your project's name. It is mostly used for iOS as the
platforms/ios sub directory. PhoneGap/Cordova iOS target uses it when building the application.
Array of String
['default', 'android', 'bada', 'blackberry', 'ios', 'tizen', 'webos', 'windows-phone']
Specify the stores that you target. The full list is provided as default. The default target produce a single
icon.png at the root of the specified destination directory.
In this example, the default options are used. Icons for all sizes of phones are being produced for each stores. The
src contains the access to an squared SVG file. The
dest contains the directory in which the icons are produced.
gruntinitConfigsvg2storeicons:all_stores:src: 'app/res/icon.svg'dest: 'www/';
In this example, custom options are used to create the default icon and only target Android and iOS.
gruntinitConfigsvg2storeicons:google_play_and_app_store:src: 'app/res/icon.svg'dest: 'www/'options:profiles: 'default' 'android' 'ios';
The main plugin is written and its tests are written in CoffeeScript. In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt. Feel free to contribute.