Insert generated carbon SVG in GitHub README

Describe the bug

Github readme allows inserting svg images in readmes directly from repository. But it renders them wrong. It seems that carbon generates lots of overhead in svgs, also github doesn’t display it correct, eg:

The source part:

<svg xmlns="http://www.w3.org/2000/svg" width="996" height="762">
<foreignObject x="0" y="0" width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml" id="export-container" class="jsx-425417836 export-container" style="animation: 0s ease 0s 1 normal none running none; background: none;  border: 0px none rgb(255, 255, 255); border-radius: 0px; border-collapse: separate; bottom: auto; box-shadow: none; box-sizing: border-box; break-after: auto; break-before: auto; break-inside: auto; caption-side: top; clear: none; clip: auto; color: rgb(255, 255, 255); content: normal; cursor: auto; direction: ltr; display: flex; empty-cells: show; float: none; font: 400 18px / 24px -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Ubuntu, &quot;Helvetica Neue&quot;, sans-serif; font-kerning: auto;  height: 762px; image-rendering: auto;    left: auto; letter-spacing: normal; list-style: outside none disc; margin: 0px; max-height: none; max-width: none; min-height: auto; min-width: auto;  object-fit: fill; object-position: 50% 50%;  opacity: 1; orphans: 2; outline: rgb(255, 255, 255) none 0px; outline-offset: 0px;  overflow-wrap: normal; overflow: hidden; padding: 0px; pointer-events: auto; position: static; resize: none; right: auto;  speak: normal; table-layout: auto; tab-size: 8; text-align: start; text-align-last: auto; text-decoration: none solid rgb(255, 255, 255);  text-underline-position: auto; text-indent: 0px; text-rendering: optimizelegibility; text-shadow: none; text-size-adjust: auto; text-overflow: clip; text-transform: none; top: auto; touch-action: auto; transition: all 0s ease 0s; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; widows: 2; width: 996px; will-change: auto; word-break: normal; word-spacing: 0px; z-index: auto;  -webkit-appearance: none; backface-visibility: visible; border-spacing: 0px; -webkit-border-image: none; -webkit-box-align: center; -webkit-box-decoration-break: slice;  -webkit-box-flex: 0; -webkit-box-ordinal-group: 1; -webkit-box-orient: horizontal; -webkit-box-pack: center; columns: auto auto;  column-rule: 0px none rgb(255, 255, 255); column-span: none;   flex: 0 1 auto; flex-flow: column nowrap; -webkit-font-smoothing: antialiased; grid-auto-columns: auto; grid-auto-flow: row; grid-auto-rows: auto; grid-area: auto / auto / auto / auto; grid-template-areas: none; grid-template-columns: none; grid-template-rows: none;  hyphens: manual;    -webkit-margin-collapse: collapse collapse; -webkit-mask-box-image-outset: 0px; -webkit-mask-box-image-repeat: stretch; -webkit-mask-box-image-slice: 0 fill; -webkit-mask-box-image-source: none; -webkit-mask-box-image-width: auto; -webkit-mask: none 0% 0% / auto repeat border-box border-box; -webkit-mask-composite: source-over; order: 0; perspective: none; perspective-origin: 249.047px 190.5px;   shape-outside: none; shape-image-threshold: 0; shape-margin: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18);         transform: scale(2); transform-origin: center center; transform-style: flat; -webkit-user-drag: auto;      clip-path: none; clip-rule: nonzero; mask: none; filter: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; lighting-color: rgb(255, 255, 255); stop-color: rgb(0, 0, 0); stop-opacity: 1; color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; marker: none; mask-type: luminance; shape-rendering: auto; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; alignment-baseline: auto; baseline-shift: 0px; dominant-baseline: auto; text-anchor: start; writing-mode: horizontal-tb;            line-break: auto;">

...

To Reproduce

1. Export SVG from carbon.now.sh
2. Drop it into repository
3. Add markdown readme link ![](image.svg)

Expected behavior No redundant styles exported, minimal size, no side-effects. See termtosvg for example of generated SVG.

[dy]

@mfix22 just check out generated svg source it has too many redundant styles

[mfix22]

Going to track this issue as part of #496.