Batch converter of SVG images to Android VectorDrawable XML resource files.
Put the output XML files into the ‘res/drawable’ directory of your app and reference to them in XML / Java code as to ordinary drawables.
Inkscape (free and open-source vector graphics software) must be installed. Download it from https://inkscape.org/en/download
The converter can be downloaded
here
.NET Framework 4.5 or higher is required. Usually it is already installed on your operating system (enabled by default in Windows 8). If you have older OS, please search the Microsoft web site for .NET Framework, download and install it.
Open command prompt and run
svg2vd.exe --help
This command prints usage and option explanations.
Typical usage:
svg2vd.exe -i *
(Converts all SVG files in current directory.)
OS X 10.7 or better and Mono are required. If you do not have Mono installed, please download and install it from http://www.mono-project.com/download
Open terminal and run
mono svg2vd.exe --help
This command prints usage and option explanations.
Typical usage:
mono svg2vd.exe -i \*
(Converts all SVG files in current directory.)
Android Studio is able to open vector drawables. Note that it does not handle fill-rule correctly.
These SVG elements are not supported by VectorDrawable: patterns, masks, gradients. You need to manually eliminate them from the input files before conversion.
VectorDrawable fill-rule is always nonzero and cannot be changed. If you end up with areas filled that should not be filled, that is because the SVG image was created using even-odd rule instead. There are two ways to fix this problem: manually edit SVGs in vector graphics software or use the BetterVectorDrawable library in your app.
If you are using Inkscape, open Object → Fill and Stroke… and in the Fill tab choose Fill is solid unless a subpath is counterdirectional. If you see improperly filled area after this operation, using F2 tool select subpath around that area and apply Path → Reverse command from the main menu.
If you are using Sketch, select the path, right to the Fills property title there is settings icon, click it and choose Non-Zero option. To reverse the path direction apply Layer → Paths → Reverse Order command from the main menu.
This library gives you ability to use vector drawables on Android 4.0+
BetterVectorDrawable supports fillType attribute in the vector drawable XML (analogue of SVG’s fill-rule).
To produce vector drawables for this lib, append to the converter command the --lib BetterVectorDrawable argument like
svg2vd.exe -i * --lib BetterVectorDrawable
This command creates vector drawables containing additional attributes that are understandable by the lib.
If you have any problems with the converter, please create an issue on GitHub (https://github.com/a-student/SvgToVectorDrawableConverter/issues/new), explain the reproducing steps, and add link to the SVG file (link is optional but highly recommended).
Less powerful but online converter http://inloop.github.io/svg2android