Imported SVGs show up blank?

[randbr...@gmail.com]

I was attempting to use IcoMoon to create a font using vectors from game-icons.net, like this one: ( http://game-icons.net/icons/lorc/originals/svg/sundial.svg )

However, all of the icons I wanted to use showed up as blank when imported into IcoMoon. Does anyone have an idea of what might have gone wrong?

[nal...@gmail.com]

I am also having this issue. Re-saving the svg files doesn't fix it.

[Keyamoon]

Importing guidelines: http://icomoon.io/#docs/importing

[rpatr...@gmail.com]

I'm having the same problem, I'm saving out of illustrator and have played around with options, but still no luck... I went through the import guidelines and still no success.

here's my svg - https://dl.dropboxusercontent.com/u/8994490/icon-arrow-left.svg

[phineas...@digitaria.com]

I just had the same issue when exporting from Illustrator CC, with the default options.

Illustrator CC has a new 'responsive' option (click "More Options" to see this), which removes the width and height attributes from the SVG.

Compare the SVG code between the responsive checked...

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">

against unchecked...

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">

Until a fix for this is committed, you can work around this by re-exporting your SVGs with this 'responsive' setting unchecked.

[phineas...@digitaria.com]

'More Options' can be found during the export process when saving the SVG.

[Keyamoon]

I just updated the app. The issue with importing SVGs with missing width/height attributes should be fixed now.

[rpatr...@gmail.com]

Yay! You are awesome! That worked beautifully. Thank you.... and thank you for the great application.

[seangrah...@gmail.com]

Im having this same issue. Still downloading blank icon kits from IcoMoon :/

Ive tried everything! Has to be easier than this right?

Thanks in advance for any help

Sean

[Keyamoon]

See this: http://icomoon.io/#docs/importing

If you still couldn't figure it out, attach your SVG.

[nico...@gmail.com]

Hi I do have the same problem, any one here to help ?
I can see the icon when imported, but it's a blank side when the font is generated.
Any thought?

[michae...@gmail.com]

Hi, I'm having the same issue. Can I attach my svg file?

[Duncan Miller]

Ok so I did more research on this, you must make sure that your images in the file are all vector, if you have imbedded png's in your AI file you need to trace and expand them and then remove all unneccessary elements, leaving only shapes and no lines. Then export as SVG but responsive deselected ...Worked for me 100%

[wansan ser]

https://www.lookwei.com/