Skip to main content
Question

Grey rectangle in background when exporting as SVG

  • March 5, 2026
  • 1 reply
  • 2 views
M

Hi folks

I have been working on some mindmaps and other diagrams (built with shapes and text). There are no layers in those boards.

When ready to export, I create a transparent frame (no background colour) around the area, and hit the Export as Image, then select Vector SVG.

The images created have a grey background. Opening the SVG files I see a statement like this, just after the </defs>:

<rect id="svg-board-background-color" width="100%" height="100%" fill="#f2f2f2"></rect>

To achieve a transparent background I have to manually remove it.

My question: why is Miro adding this <rect> when the background is set to “No Color”?

Cheers

1 reply

Robert Johnson
Forum|alt.badge.img+13
  • Robert Johnson
  • Volunteer Community Moderator
  • March 6, 2026

​@Mauricio Freitas As soon as I saw the hex #f2f2f2, I knew it was the default board/canvas background colour (and then I read the line about and was, like, duh haha).

So, while the object’s (frame’s) bg colour is set to “no colour”, Miro wants to inherit the colour of the canvas (I confirmed this assumption) by setting the board’s background colour to #000000 and sure enough, I got same result as you.

I suppose the question to the team responsible for exporting objects is: Was this intentional or perhaps a feature gap?

​@Mauricio Freitas Are you using a paid subscription of Miro? If so, you can open a support ticket by following these steps:

https://help.miro.com/hc/en-us/articles/360020185799-How-to-contact-Miro-Support#h_01F010RXA0E1S9C0WFQYX75R6C

However, if you aren’t, let me know and I will open my own ticket.

Volunteer Community Moderator | Visual Thinker | Frame many items at once using MultiFrame.ca

Join the Miro MCP Challenge!

Terms & ConditionsAccessibility statement