Imported SVG is blank in application

172 views
Skip to first unread message

widely.a...@gmail.com

unread,
Mar 19, 2015, 6:44:25 PM3/19/15
to ico...@googlegroups.com
After import I just get a blank square in Untitled Set. I created my SVG file in InkScape following this tutorial:-

http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont/

Here's the code produced:-

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<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"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="1000"
height="1000"
id="svg5496"
sodipodi:version="0.32"
inkscape:version="0.91 r13725"
sodipodi:docname="star1.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
viewBox="0 0 1000 1000">
<metadata
id="metadata5594">
<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>
<sodipodi:namedview
inkscape:window-height="1138"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:zoom="0.32102648"
inkscape:cx="-13.852564"
inkscape:cy="493.36377"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:current-layer="svg5496"
inkscape:window-maximized="1">
<sodipodi:guide
orientation="horizontal"
position="605.72687,-26.431718"
id="guide5596" />
<inkscape:grid
type="xygrid"
id="grid3462" />
</sodipodi:namedview>
<defs
id="defs5498">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 500 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1000 : 500 : 1"
inkscape:persp3d-origin="500 : 333.33333 : 1"
id="perspective3931" />
<font
horiz-adv-x="1024"
id="font3933"
inkscape:label="font 1"
horiz-origin-x="0"
horiz-origin-y="0"
vert-origin-x="45"
vert-origin-y="90"
vert-adv-y="90">
<font-face
units-per-em="1024"
id="font-face3935"
font-family="Your Icons" />
<missing-glyph
d="M0,0h1000v1024h-1000z"
id="missing-glyph3937" />
<glyph
glyph-name="glyph 1"
id="glyph6316"
unicode="s"
d="M 653.80093,-13.6566 500.06523,51.49923 353.03235,-27.629 367.49224,138.71659 246.80116,254.1012 409.47357,291.75264 481.91526,442.19248 567.99245,299.11676 733.45496,276.70909 623.98117,150.63199 Z" />
</font>
</defs>
<g
id="layer1" />
<path
sodipodi:type="star"
style="fill:#000000;fill-opacity:1;stroke:none"
id="path6321"
sodipodi:sides="5"
sodipodi:cx="493.80094"
sodipodi:cy="813.65655"
sodipodi:r1="256.12497"
sodipodi:r2="134.98964"
sodipodi:arg1="0.89605538"
sodipodi:arg2="1.5243739"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 653.80093,1013.6566 500.06523,948.50077 353.03235,1027.629 367.49224,861.28341 246.80116,745.8988 l 162.67241,-37.65144 72.44169,-150.43984 86.07719,143.07572 165.46251,22.40767 -109.47379,126.0771 z"
inkscape:transform-center-x="3.6728736"
inkscape:transform-center-y="-20.938299" />
</svg>

Keyamoon

unread,
Mar 20, 2015, 11:58:23 AM3/20/15
to ico...@googlegroups.com
Please refresh the app and try again. It should work fine now.

The reason it previously failed was because you had embedded a font into your image and IcoMoon incorrectly interpreted the SVG as a font. This bug has been fixed now.

widely.a...@gmail.com

unread,
Mar 20, 2015, 2:54:46 PM3/20/15
to ico...@googlegroups.com
After failing with Inkscape, I decided to try Photoshop instead. It worked ok for a while today, but now all of a sudden I can't import any more svg files. I don't get any error message, nothing happens after selecting the file for import.

Here's the file contents produced by Photoshop:-

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="335" height="335" viewBox="0 0 335 335">
<defs>
<style>

.cls-2 {
fill: #000000;
}
</style>
</defs>
<path d="M332.865,21.059 C332.865,21.059 231.871,122.053 231.871,122.053 C231.871,122.053 234.880,125.063 234.880,125.063 C234.880,125.063 320.188,125.063 320.188,125.063 C322.604,125.063 324.563,127.021 324.563,129.438 C324.563,129.438 324.563,148.687 324.563,148.687 C324.563,151.104 322.604,153.062 320.188,153.062 C320.188,153.062 204.688,153.062 204.688,153.062 C204.688,153.062 185.438,153.062 185.438,153.062 C183.021,153.062 181.063,151.104 181.063,148.687 C181.063,148.687 181.063,129.438 181.063,129.438 C181.063,129.438 181.063,13.938 181.063,13.938 C181.063,11.521 183.021,9.563 185.438,9.563 C185.438,9.563 204.688,9.563 204.688,9.563 C207.104,9.563 209.063,11.521 209.063,13.938 C209.063,13.938 209.063,99.245 209.063,99.245 C209.063,99.245 212.072,102.254 212.072,102.254 C212.072,102.254 313.066,1.260 313.066,1.260 C314.775,-0.449 317.545,-0.449 319.253,1.260 C319.253,1.260 332.865,14.872 332.865,14.872 C334.574,16.580 334.574,19.350 332.865,21.059 ZM148.687,324.563 C148.687,324.563 129.438,324.563 129.438,324.563 C127.021,324.563 125.063,322.604 125.063,320.188 C125.063,320.188 125.063,234.880 125.063,234.880 C125.063,234.880 122.053,231.871 122.053,231.871 C122.053,231.871 21.059,332.865 21.059,332.865 C19.350,334.574 16.580,334.574 14.872,332.865 C14.872,332.865 1.260,319.253 1.260,319.253 C-0.449,317.545 -0.449,314.775 1.260,313.066 C1.260,313.066 102.254,212.072 102.254,212.072 C102.254,212.072 99.245,209.063 99.245,209.063 C99.245,209.063 13.938,209.063 13.938,209.063 C11.521,209.063 9.563,207.104 9.563,204.688 C9.563,204.688 9.563,185.438 9.563,185.438 C9.563,183.021 11.521,181.063 13.938,181.063 C13.938,181.063 129.438,181.063 129.438,181.063 C129.438,181.063 148.687,181.063 148.687,181.063 C151.104,181.063 153.062,183.021 153.062,185.438 C153.062,185.438 153.062,204.688 153.062,204.688 C153.062,204.688 153.062,320.188 153.062,320.188 C153.062,322.604 151.104,324.563 148.687,324.563 Z" id="path-1" class="cls-2" fill-rule="evenodd"/>
</svg>

Keyamoon

unread,
Mar 20, 2015, 3:31:29 PM3/20/15
to ico...@googlegroups.com
Your SVG gets imported properly for me. I don't see any issues. What is your browser and what OS do you use? Try pressing the "Import Icons" button instead of dragging the SVG file.

widely.a...@gmail.com

unread,
Mar 20, 2015, 3:41:21 PM3/20/15
to ico...@googlegroups.com
I'm using IE11 on Win7x64. I had already tried the import icons button - no luck.

I just tried icomoon with Chrome and it worked ok there. I hadn't used it on Chrome before.

Maybe it's a cache problem on IE?

widely.a...@gmail.com

unread,
Mar 20, 2015, 3:46:36 PM3/20/15
to ico...@googlegroups.com
Thing is it was working on IE this morning. Then I went to load another svg file later on and could not load it.

Keyamoon

unread,
Mar 20, 2015, 4:31:19 PM3/20/15
to ico...@googlegroups.com
Okay, I just tried both IE10 and IE11 on Windows 7, on two different machines. No issues for me. I'd suggest you restart your machine and try again.
Reply all
Reply to author
Forward
0 new messages