I’m using the instructions found here, from Google to use the new option (March 2016) to import .svg files into drawable instead of .png files.
The problem I have is that the file gets imported as black and white, even though the file has many colors.
Here’s an image of the .svg file, as read by Google Chrome:
This same file, is then read like this by the Vector Asset Studio:
And in the app, the image shows up as black and white.
Any idea of why this is happening?
The .svg file is getting generated on Adobe PhotoShop Creative Cloud, and I’m using Android Studio 1.5.1 on Mac.
Thank you!
EDIT: added link to .svg file I’m using for this question.
3
Answers
Android Studio’s SVG importer is somewhat limited. It only handles very simple SVG files. And I don’t believe it supports the
<style>
element, or theclass
attribute. So you will need to change the CSS to XML properties.For example:
Will need to be changed to:
Etcetera for the rest of the
<path>
elements.I also had the same problem but after digging internet
finally found the solution, here it is:-
After getting done with illustrator designing
1) Go to File –> Save As —> Window Dialog box Opens–> type name of svg
—>Click Save
2) Now it shows SVG Options dialog box —> At bottom left click More Options —> In CSS Properties dropdown —> Select Presentation Attributes
this setting makes svg compatible code for android import with colors !!
Sorry for making this answer elaborate … did this for those who are beginners
It’s so simple
you can change your color directly from your svg xml after adding image to your project .
when you added image to your project; svg color must be like this :
just need to change to this :
just looking for android:fillColor