How to Import SVG & PSD Icons as XML Drawables into Android Studio

Although there are some online tools available which convert SVG & PSD images into android XML. But those tools don’t work for all kinds of image resources. The best way is to import SVG & PSD icons as XML Drawables into Android projects using the Vector Asset Tool provided by Android Studio. When we import our SVG and PSD images using Vector Asset Tool, it automatically converts them into XML Drawable.

To Import SVG and PSD resources into Android Studio using Vector Asset Tool, follow the below steps.

1. From your left Project pane, choose Android View, expand app and then res folder

2. Right Click on res or drawable directory then -> New -> Vector Asset

Import SVG and PSD Images Using Vector Asset Tool in Android Studio
Import SVG and PSD Images Using Vector Asset Tool in Android Studio

3. After the above steps, a popup window would come from where you can choose your SVG or PSD images, choose its name, set its size and can choose the directory where you want to import the XML resource file. The following screenshots are showing the popup.

Vector Asset Tool in Android Studio
Vector Asset Tool in Android Studio
Choose Directory to Import Drawable in Vector Asset Tool
Choose Directory to Import Drawable in Vector Asset Tool

After clicking on the Finish button, Android Studio will automatically convert SVG and PSD files into XML Drawables. You can access this Drawable anywhere in your project as you access other drawables. Like R.drawable.ic_fb or in layout files @drawable/ic_fb.

Thats it!! This is how you can Import SVG & PSD Icons into Android Studio. 🙂

You can also find other useful helping materials and tutorials in our Coding Articles & Tutorials Knowledge Base.

Please share this post:
Native Mobile Application Developer (Android + IOS) having experience in Java, Swift, Kotlin, Objective C, Unity, C#, C/C++, NODE JS & PHP.

One thought on “How to Import SVG & PSD Icons as XML Drawables into Android Studio

  1. Vector Asset Studio doesn’t support all SVG file features. The following section summarizes supported and unsupported features when the tool converts an SVG file to a

Ask a Question

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

%d bloggers like this: