Why is my SVG failing to load in Vector Asset Studio

Question

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 is the following SVG file not compatible with Vector Asset Studio?

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   id="svg20235"
   viewBox="0 0 61.500162 30.946501"
   height="8.7337904mm"
   width="17.356712mm">
  <defs
     id="defs20237" />
  <metadata
     id="metadata20240">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     transform="translate(-109.24987,-351.17467)"
     id="layer1">
    <path
       d="m 145.03542,367.34167 10.897,-4.49325 -0.009,3.30587 13.69124,0.0372 1.13537,0 0,2.1285 -1.13537,0 -13.69662,-0.0373 -0.009,3.33988 -10.87325,-4.281 z m -13.38814,-13.15875 0,-3.00825 16.97389,0 0,3.00825 -6.8995,0 0,27.93825 -3.15214,0 0,-27.93825 -6.92225,0 z m 3.31725,13.15875 -10.897,4.49325 0.009,-3.3055 -13.69129,-0.0373 -1.13537,0 0,-2.1285 1.13537,0 13.69662,0.0372 0.009,-3.33988 10.87325,4.28063 z"
       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
       id="path20212" />
  </g>
</svg>

Well In my case it was imported successfully. Probably a newer version now. — Hassan Sajjad, Jun 25 '19 at 02:07

score 42 · Answer 1 · answered Apr 28 '16 at 09:10

42

Android Studio's Vector Asset Studio is currently not support all the features of SVG. You can convert SVG to VectorDrawable using this tool.

Hope it helps.

answered Apr 28 '16 at 09:10

8

Thanks a lot for the suggestion but unfortunately this doesn't work either. – Luke Allison Apr 28 '16 at 10:51
Check out this [Youtube link](https://www.youtube.com/watch?v=KpXtYoE-NCk) for your further references. – Apr 29 '16 at 03:36
Thanks for the link. I can confirm that this tool worked for me on a particular svg file where one of the paths was left out by Android Studio. – BooleanCheese Apr 03 '18 at 13:23
2

This tool is deprecated now. It suggests to use Android studio's vector asset tool but it still gives an error. – dhanushkac Jan 12 '19 at 11:50

score 15 · Answer 2 · edited Sep 15 '17 at 09:51

15

You need to change the width and height of the svg from mm to use px instead. This is a current workaround pending when the issue is fixed.

There is already a filed bug report here

edited Sep 15 '17 at 09:51

Suragch

484,302
314
1,365
1,393

answered May 20 '16 at 02:53

Kingsley Adio

728
5
16

score 15 · Answer 3 · answered Oct 25 '19 at 19:37

15

My SVG was being created (from an online website) with , in the viewbox tag.

i.e:

viewBox="0, 0, 350,450"

changing this to:

viewBox="0 0 350 450"

allowed Android Studio to import it

answered Oct 25 '19 at 19:37

Blundell

75,855
30
208
233

score 10 · Answer 4 · answered Apr 20 '18 at 18:39

10

After spending some hours, I figured out the problem, and even using external svg2vectordrawable scripts couldn't help.

The size of the shapes and/or the document's page size cannot contain floating numbers in its width/height such as 14.134 or 3.5

Meaning the width and height of the shape and the page must be integers!

answered Apr 20 '18 at 18:39

idish

3,190
12
53
85

Yep this is it. Thanks, any idea if they added this to the most recent version 3.1.2 and it wasn't there before ? – Danail Gabenski May 18 '18 at 22:59

score 9 · Answer 5 · answered Jun 21 '16 at 16:10

9

As @Kingsley Adio said, you must use px units for your SVG document.
In Inkscape, I managed to do it by creating a custom page size and setting the output unit to px:

answered Jun 21 '16 at 16:10

DenisGL

1,190
1
16
31

score 7 · Accepted Answer · answered May 16 '16 at 02:02

7

Importing the .svg files produced in Inkscape into Adobe Illustrator and exporting them fixed this issue 100%.

answered May 16 '16 at 02:02

Luke Allison

3,118
3
24
40

Well... Inkscape is free, and often used as the "poor man" 's Adobe Illustrator. – DenisGL Jun 21 '16 at 15:59
Not a solution if you are using Sketch. – AdamHurwitz Mar 26 '17 at 08:16
How can I export an image using sketch? – AdamHurwitz Sep 13 '17 at 18:19

xarlymg89 · Answer 7 · 2018-06-22T14:56:27.107

1

Compilation of things that worked for me when trying to import SVGs with the Vector Asset tool (they are not mutually exclusive):

Change values from mm to px (typically found in the width / height attributes)
Round values float values to integer (typically found in the width / height or viewBox or style attributes). Like 224.5. You won't have to do this in the polygons, but only on the SVG node.

edited Jun 22 '18 at 14:56

answered Jun 12 '18 at 13:28

xarlymg89

2,552
2
27
41

1

For SVGs from https://www.flaticon.com seems to be working perfectly so far. Already imported more than 10 SVGs following this guidelines. – xarlymg89 Jun 22 '18 at 14:54

score 1 · Answer 8 · answered Aug 03 '18 at 14:51

1

Changing the language in settings helped me! I had Dutch as language on my computer (where comma's are used instead of floating points) and changing it to English and restarting worked for me.

answered Aug 03 '18 at 14:51

Hester

11
3

1

Hey, thanks for contributing Unfortunately your question could be classified as low effort, albeit it could be technically correct. Please try to include details into your answer, such as step-by-step way to change the floating point symbol, so it can be used as a proper answer – Samuel Hulla Aug 03 '18 at 15:03

score 0 · Answer 9 · edited Apr 16 '18 at 21:26

0

Changing Text to Object fixed this issue for me. If you are using Inkscape: first click Ctrl+K (Path Combine) then Ctrl+J (Dynamic Offset).

edited Apr 16 '18 at 21:26

TofferJ

4,678
1
37
49

answered Apr 16 '18 at 19:27

Hill Karimov

21
1

score 0 · Answer 10 · answered Jun 12 '18 at 15:22

0

There are various option that might cause such an error (some of them listed here).

On causing could be the use of rgba(r,g,b,a) in your .svg file. Just check and convert if found.

Hint: You can edit .svg fils in any file editor.

answered Jun 12 '18 at 15:22

Hannes Tiltmann

2,296
1
12
20

score 0 · Answer 11 · answered Feb 13 '21 at 10:30

I had similar problem. I was using Illustrator 2015. Problem turned out to be I had multiple artboards in my illustrator project and I had to choose one particular artboard when saving as svg file (why it does so? no idea). Solved by having only one artboard containing the design I want to save as svg.

Make sure your illustrator design has only one artboard containing
the design you want to use as vector asset in android studio.
In Illustrator File->Save as->select svg from dropdown. Keep all other options as default.
Go to android studio, right click on drawables and click vector asset and import your newly created svg file. It would be saved as an xml file in drawables.

Why is my SVG failing to load in Vector Asset Studio

11 Answers11

Linked