SVG export not loading in InkScape correctly
Author: CalvinWilkinsonCreated Mar 9, 2023Updated Nov 27, 2025
Labelsbug
### **Describe the bug**
When exporting as a _**.svg**_ file and opening it in [InkScape](https://inkscape.org/), InkScape shows nothing. The file does indeed have data in it. I do not get any errors or anything when loading it in InkScape either.
When selecting the file in windows explorer on windows, the preview pane on the right renders it just fine. Is this a compatibility issue between the xml data output in the file and what InkScape possibly can read?
### **To Reproduce**
Steps to reproduce the behavior:
1. Create any type of code snippet in carbon
2. Export as _**.svg**_
3. Open in InkScape
4. Observe that inkscape shows nothing.
### **Expected behavior**
Expected to open the generated _**.svg**_ file and see the image, not a blank canvas.
### **Screenshots**
**Window Explorer Preview Pane**
### **Info (please complete the following information):**
- OS [e.g. macOS, Linux, Windows, iOS]: Windows 22H2 (OS Build 22621.1344)
- Browser [e.g. Chrome, Safari, Firefox]: Issue occurs in **_Brave_**, _**Chrome**_, _**Edge**_
- Carbon URL [e.g. carbon.now.sh?bg=pink]: Both [https://carbon.vercel.app/](https://carbon.vercel.app/) and [https://carbon.now.sh/](https://carbon.now.sh/)
**Default snipped used . . .**
Code snippet
const pluckDeep = key => obj => key.split('.').reduce((accum, key) => accum[key], obj)
const compose = (...fns) => res => fns.reduce((accum, next) => next(accum), res)
const unfold = (f, seed) => {
const go = (f, seed, acc) => {
const res = f(seed)
return res ? go(f, res[1], acc.concat([res[0]])) : acc
}
return go(f, seed, [])
}
Source: carbon-app/carbon