How to create custom shape using XML as a drawable in Android?

Issue

Have a look at this Gist.

Above gist creates a drawable which looks like this:

Clearly in the gist, pathData property has been provided coordinates. How is this achieved, I mean, ofcourse someone doesn't found each point according to his needs.

My question : How is this achieved? Is there any tool present to do so?

Drawable like this reduces app size by avoiding to have an image instead. Also, there are questions for drawables in XML like this, this and many more but I think my Question is very different (and useful, probably).

Solution

You can design your SVG files using some tools such as Android Vector Asset Studio

Usually people don't write the SVG paths themselves, they use a tool or an editor where they sketch the drawing and generate the file.

Answered By - Mina Wissa