Skip to main content
rosiep345
Participating Frequently
February 28, 2019
Question

Trouble with importing/exporting SVG files

  • February 28, 2019
  • 3 replies
  • 2755 views

I am currently updating an existing set of SVG icons with a new colour scheme and have had no problems with the other 20+ icons, but one SVG file won't export and import properly.

This is the original SVG file I am having trouble with:

After editing the colour scheme (screenshots attached of mid-edit and finished edit, and all I'm doing with the existing files is changing the fill colour and moving a few layers up/down), I can export to PNG with no problems, but SVG won't work - even though I've done the same thing for 20 other icons with no problems.

When I export, I go to Export > Export As and use the following settings:

The thumbnail looks fine but when I open the file again in Illustrator I get the full version without the border and can't figure out how to change this, this didn't happen with the previous 20+ icons I updated. The same happens if I do Export > Export for Screens. If I try and import this SVG file into other programs and tools (for example, Lucidchart), it shows up as a blank transparent square.

I tried using Save As but the opened file looks the same, while the thumbnail looks like this:

I can't figure out how to fix this and it's so frustrating, especially when the other icons have all worked and I haven't changed what I'm doing for this one.

Any help would be so appreciated, thanks!

This topic has been closed for replies.

3 replies

rosiep345
rosiep345Author
Participating Frequently
March 4, 2019

I couldn't figure out how to get rid of the clipping mask/s, I ended up making it work by using View > Outline and manually erasing the outlines beyond the original square outline by using the knife and scissor tools, and then I was able to export the new colour SVG with the original crop.

Monika Gause
Community Expert
Community Expert
February 28, 2019

The other icons had clipping masks as well?

rosiep345
rosiep345Author
Participating Frequently
March 1, 2019

I've just had a look and this icon seems to be the only one with a clipping mask (I didn't create the original icons/files)

rosiep345
rosiep345Author
Participating Frequently
March 3, 2019

In that case I would get rid of the clipping mask.


I tried selecting the clipping mask/s and releasing it, but the option is greyed out. If I click the make/release clipping mask option at the bottom of the Layers panel the whole image just disappears and all of the layers called "path" turn into "clipping path" but the artboard is blank.

Eric Dumas
Community Expert
Community Expert
February 28, 2019

Hi,

Did you try to copy and paste it in a new illustrator file?

rosiep345
rosiep345Author
Participating Frequently
March 1, 2019

I just tried that but it hasn't made any difference, it still won't reopen properly