Android - How to make the XML file for a icon?

android xml android-vectordrawable
Rashim Catalan Dhaubanjar picture Rashim Catalan Dhaubanjar · Oct 28, 2015 · Viewed 39.6k times · Source

This is the xml file for the SHARE icon. How do I create XML for other icons?

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24.0"
android:viewportWidth="24.0">
<path
    android:fillColor="#FF000000"
    android:pathData="M18,16.08c-0.76,0 -1.44,0.3 -1.96,0.77L8.91,12.7c0.05,-0.23 0.09,-0.46 0.09,-0.7s-0.04,-0.47 -0.09,-0.7l7.05,-4.11c0.54,0.5 1.25,0.81 2.04,0.81 1.66,0 3,-1.34 3,-3s-1.34,-3 -3,-3 -3,1.34 -3,3c0,0.24 0.04,0.47 0.09,0.7L8.04,9.81C7.5,9.31 6.79,9 6,9c-1.66,0 -3,1.34 -3,3s1.34,3 3,3c0.79,0 1.5,-0.31 2.04,-0.81l7.12,4.16c-0.05,0.21 -0.08,0.43 -0.08,0.65 0,1.61 1.31,2.92 2.92,2.92 1.61,0 2.92,-1.31 2.92,-2.92s-1.31,-2.92 -2.92,-2.92z" />

Answer

Lewis McGeary picture Lewis McGeary · Oct 31, 2015

If you're using an up to date version of Android Studio then right click on your drawable folder. Go to New > Vector Asset. This opens the Vector Asset Studio.

From here you can either select from a wide range of provided Material Design icons, or import your own svg if you want to.(importing an svg might not work properly in all cases)

Related questions

Can GradientColor be used to define a gradient for a fill or stroke entirely in XML?

I was looking at the documentation for GradientColor https://developer.android.com/reference/android/R.styleable.html#GradientColor . How can I define a gradient color in XML and apply it to an XML vector drawable? I have tried in color.…

Read More
Binary XML file line #1: invalid drawable tag vector

I have an app that runs perfectly on most devices. However, I'm getting a FATAL exception whenever I try to run my application on devices with API < 21. Here is the log: java.lang.RuntimeException: Unable to start activity ComponentInfo{…

Read More
Can we use VectorDrawable or VectorXML as icons for push notifications in android?

I am using PNG image but its size is getting too big so I have to compromise with its quality. So i was thinking vectors may be the another way around ? Example will be a great help.

Read More