Make your SVG background transparent in Inkscape

How To Make your SVG Background Transparent in Inkscape

How To Make your SVG Background Transparent in Inkscape 800 470 Nick Saporito

In this tutorial I’ll be demonstrating how to make your SVG background transparent in Inkscape. This can be done by simply ticking a box in the Document Properties menu.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

SVG Format

Scalable Vector Graphics (SVG for short) is the native file format that Inkscape runs on. Whenever you open up a fresh Inkscape canvas, you’re working on an SVG file in the SVG environment, and that’s the format you’ll have to save your document as if you’d like to be able to edit it later on.

Making The SVG Background Transparent

When you open up Inkscape you may be confused to see that the background of the canvas is white by default.

Inkscape white background

Inkscape opens with a white background by default

Although the document may appear to have a white background, it’s actually a transparent background. They just made it white because they had to fill it with something. If you were to export anything from your document to PNG format though, you’d clearly see that there’s a transparent background.

If you’d like to make your SVG background transparent in the sense that it displays a grayscale checkerboard pattern (like GIMP and other applications do) instead of white, you can do so by navigating to File > Document Properties and ticking the box that read Checkerboard Background.

Document properties menu

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Once ticked, your checkerboard background should render in Inkscape in real time…

SVG with a transparent background

Your SVG background will be no more (or less) transparent than it previously was when it was filled with white. This just changes the display, which can be really helpful if you’re working with a lot of white objects.

Filling The Background with Color

Finally, if you’d like the background of your SVG to have a color fill, this can also be accomplished via the Document Properties menu. Simply click on the white stripe positioned next to where it says Background Color. A color selector will pop up on your screen.

Changing background color with inkscape

It’s important to note that your SVG background will continue to be transparent despite the color fill as long as the A column (which represents the transparency of the color) remains at 0. If you’d like the document to actually have that background color (even on exports) then you can bring that column up from 0 to 100.

And that should do it for working with backgrounds in Inkscape. If you have any questions that weren’t addressed in this post just leave a comment below and I’ll write back if I can help.

Become A Master of Inkscape!

Want to learn more about how Inkscape works? Check out the Inkscape Master Class – a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it’s useful.

Want Me To Design Your Logo?

I'm Nick, and I design logos. I can help you enhance your image and make an impactful impression with some next-level branding. Check out my portfolio to see how I've helped others and learn more about how I can do the same for you.


Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Nick Saporito

Designer, content creator, and the founder of LogosByNick.com — an educational media platform for learning about graphic design.

All stories by: Nick Saporito
6 comments

Leave a Reply

Your email address will not be published.