Saving Artboard as an SVG without a border in the result

[zach_]

Hi there,

I'm trying to export a layer as an SVG, but when I open the finished product, there is a border around it (I think it is from the artboard). Wondering if I can set it so every layer can be exported without a square border around it.

More detail:

I have a file setup as a grid of artboards (see attached) and I want those objects (with no border) exported as an SVG. Looking something like this:

Switching to Export Persona, I have slices of every artboard and in this case select "Page 1" to export as an SVG. I can see that every slice has a little symbol of a pentagon and a circle surrounded by a purple square border. I've seen in tutorials that this symbol can be just the shapes colored yellow (this is what I expect I want to have in this case). So the Exporting looks like this:

After saving it off and opening the resulting SVG file, I end up with the desired objects from the layer, but I also have a rectangle surrounding the whole thing. It looks like I can delete it manually and save it off again to just get the objects in the layer. I'm wondering how to set it so I don't get a border of where the artboard was in my outputted SVG. So I want to stop exporting the highlighted rectangle:

 

Let me know if you need clarification. Thanks in advance for your help.

Here's a test file: svg_export_testing.afdesign

Best,

Zach

 

[Dan C]

Hi zac_,

Welcome to the forums  

This has been discussed previously here - 

I'll make sure to bump the dev report with your post now, many thanks!

[zach_]

Thanks!

[barnye]

Any update on this? I'm still having the same issue.

[Dan C]

Hi Barnye,

Unfortunately there's been no update on the development log, however this was marked as an improvement and not a bug, so it will have a lower priority than other issues - my apologies!

[barnye]

Thanks Dan,

The reason I'm interested is because I'm currently busy exporting a large number of svg's placed on individual artboards and I'm having to individually open every file delete the errant rectangle and then re-export. It's quite a frustrating process!

[Jabidof]

Same for me. This is especially annoying when dealing with SVG icons... Removing the <rect> is a must...

Thanks

 

[ptt]

I am running up on the same issue-- I have to export these SVGs to work for web animation, and this is a must.

Under certain export settings, it doesn't only create a <rect /> for the artboard, but also a <g /> with id "Artboardname1". Is this a bug?

Edited February 1, 2021 by ptt

[Dan C]

Hi @ptt,

Welcome to the forums

14 hours ago, ptt said:

Under certain export settings, it doesn't only create a <rect /> for the artboard, but also a <g /> with id "Artboardname1". Is this a bug?

What settings are these please? Does this happen with any artboard file, or only a specific one?

[ptt]

On 2/2/2021 at 1:01 AM, Dan C said:

Hi @ptt,

Welcome to the forums

What settings are these please? Does this happen with any artboard file, or only a specific one?

(Thanks!) Rookie mistake, forgot to take note of the settings and now can't remember. I'll post here again when I come across it. 
I don't think it was anything specific to that artboard file-- I was testing out SVG exports and it only had a single rectangle and a text box.

[PuppyPuppyPuppy]

Is there any update on this? I’ve been running into this issue as well.  It would be great to export an artboard and not have the border included in the SVG file.  It could even just be an export setting if possible.

[ogardiner]

I've had to deal with this issue myself.

My workaround for now: Don't create the slices from the artboard. Instead group all items on the artboard (a layer works, too) and create a slice from this group/layer. In some cases I have to adjust the slice position and size to cover the complete artboard, but other than that the export works flawless and I don't get the annoying rect with fill:none...

Cheers.