Export .svg icon with padding from Sketch

Question

When I export an icon as an .svg that contains padding, the padding seems to get lost when saved.

I have this icon with a 1px padding on the sides:

When I export that icon as a .svg, and import it again, it has lost it's padding. How do I preserve this?

Extra information: I'm using the SVGO compressor plugin to compress .svg's

AAGD · Accepted Answer · 2019-10-02 08:23:27Z

2

Not sure what the compressor does exactly, but one simple way would be adding a transparent rectangle to the artboard that covers the whole area.

answered Oct 2, 2019 at 8:23

AAGD

3,07413 silver badges21 bronze badges

That would be a solution, but I don't really like these kind of hacks
– Gerlof Leuhof
Commented Oct 2, 2019 at 8:54
Sketch (unlike Adobe Illustrator, Affinity Designer or Inkscape) doesn't respect the viewBox size as artboard. It imports the inner SVG content only. So this hack is the only option I know of.
– AAGD
Commented Oct 2, 2019 at 12:19
That sucks. I'll wait for a bit and then mark your answer as the correct one
– Gerlof Leuhof
Commented Oct 2, 2019 at 14:30

Add a comment |

Niveda · Accepted Answer · 2020-05-02 17:09:51Z

2

Add your icon on a new artboard of your desired size, and export the artboard itself as SVG. This works for me.

answered May 2, 2020 at 17:09

Niveda

211 bronze badge

Add a comment |

2 Answers 2