After importing a local svg file, it is displayed incorrectly.

[xiaohuyf]

Preflight Checklist

• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must search the issue tracker and agree to the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

If you are technical, you should report bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.

Describe the bug
After importing a local svg file, it is displayed incorrectly.

To Reproduce
Steps to reproduce the behavior:

1. Open online version of drawio
2. import attached svg file (Please see Additional context)
3. See error

Expected behavior
SVG is displayed correctly.

Screenshots
If applicable, add screenshots to help explain your problem.

• draw.io (online) version 29.6.10

Desktop

• OS: [Windows 11]
• Browser [Chrome]
• Browser Version [146.0.7680.178 64-bit]

Additional context

This is what these SVG files look like (I opened them directly in Chrome):

[draw-io-triage-bot]

👋 Thank you for opening this issue!

---

Summary: User reports that SVG files imported into draw.io (online version 29.6.10) are rendered incorrectly compared to how they appear when opened directly in Chrome. The actual SVG files were not attached, only screenshots showing the discrepancy.

---

📝 Additional Information Needed

To help us investigate this more effectively, could you please provide:

• SVG file attachment: The user mentions attached SVG files but no actual SVG file (source code/file) is attached to the issue - only screenshots of the SVGs rendered in Chrome and in draw.io are provided. The actual SVG files are needed to reproduce and debug the issue.

We also have some questions:

• Could you please attach the actual SVG files (the .svg files themselves, not screenshots) so the issue can be reproduced? You can drag and drop them into the GitHub issue or zip them and attach.
• How were these SVG files created (which tool/application)?
• Do the SVGs contain any special features such as embedded fonts, CSS styles, <use> references, <foreignObject>, or external resource links?
• When you say 'displayed incorrectly', could you describe specifically what is wrong - are elements missing, mispositioned, wrong colors, wrong sizes, or something else? The screenshots are helpful but a verbal description of the differences would also help.

📋 Bug Report Template

**Environment:**
- draw.io version: [e.g., web app / desktop 24.x.x / Confluence plugin]
- Browser (if web): [e.g., Chrome 120, Firefox 121]
- OS: [e.g., Windows 11, macOS 14, Ubuntu 22.04]

**Steps to Reproduce:**
1. Go to ...
2. Click on ...
3. See error

**Expected Behavior:**
What you expected to happen.

**Actual Behavior:**
What actually happened.

**Screenshots/Files:**
If applicable, add screenshots or attach the .drawio file.

---

---

_{🤖 This is an automated response to help with initial triage. A human maintainer will review this issue. If you've provided all the requested information, no further action is needed - we'll get back to you soon!}

[xiaohuyf]

Could you please attach the actual SVG files

att.zip
Here is the zip file contains these SVGs.

[davidjgraph]

Fix in 29.7.0