How to create Android VectorDrawables from Illustrator (or similar tool)?

android svg android-vectordrawable
cottonBallPaws picture cottonBallPaws · Jan 5, 2015 · Viewed 28k times · Source

If I have a vector image in a program like Illustrator, how can I end up with the correct format for Android's VectorDrawable framework to use?

I found a tool to convert SVG to the VectorDrawable xml format: http://inloop.github.io/svg2android/ but it requires SVGs only use "path".

Any ideas how to output files like that?

Answer

Q.Jones picture Q.Jones · Apr 7, 2016

If you're using Android Studio, the best method is:

  • Right-click on your 'drawable' folder > New > Vector Asset
  • Click 'Local SVG file' to import your own SVG file, or 'Material Icon' to use the supplied icons.
  • Change the resource name to whatever you need it to be.
  • Click Next and choose your target modules and res directory.
  • Click Finish.

The wizard produces XML from your SVG files.

Related questions

How to create vector drawables for android?

I am new to VectorDrawables. I can see that the default vector drawables provided with android studio like ic_menu_gallery, ic_menu_camera, etc. are working great. So I tried to create my own vector drawables by converting my …

Read More
How to use VectorDrawables in Android API lower than 21?

I am working on an Android project and I chose <vector> to display icon because it is adaptable and dynamically, however, I just can run this app on devices running Android, which have API 21 or higher. My question …

Read More
Why is my SVG failing to load in Vector Asset Studio

The SVG below is failing to open in Android Studio's Vector Asset Studio in resulting in the error: "Empty preview image! EXCEPTION in parsing TareSymbol.svg: For input string: "8.7337904mm"Exception while parsing XML file: Premature end of file." Why …

Read More