Repository files navigation

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.

Please use that instead. This project is obsolete!

These SVG elements are not supported by VectorDrawable:patterns, masks, images, etc.

VectorDrawablefill-rule is alwaysnon-zero and cannot be changed prior to Android 7.0 (Nougat).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 three ways to deal with this problem: try specifying the--fix-fill-type option, manually edit SVGs in vector graphics software or convert for Android 7.0+.

This option is experimental, but it is worth trying first. The option uses complex mathematics to rebuild paths in such a way that rendering with any fill-rule leads to the same result.

If you are using Inkscape, openObject →Fill and Stroke… and in theFill tab chooseFill 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 applyPath →Reverse command from the main menu.

If you are using Sketch, select the path, right to theFills property title there is settings icon, click it and chooseNon-Zero option.To reverse the path direction applyLayer →Paths →Reverse Order command from the main menu.

This option does not fit all, because it requires settingminSdkVersion to 24 at least (Android 7.0 or later) in ‘build.gradle’.Alternatively, you can try AndroidX VectorDrawableCompat.