SVGs imported into PowerPoint are missing icons included via URLs

[MLNW]

When I drop the SVG of a diagram including icons into PowerPoint the icons themselves are missing. Here is an example diagram:

classes: {
  container_image: {
    shape: image
    icon: https://icon.icepanel.io/Technology/svg/Podman.svg
  }
  users: {
    shape: image
    icon: https://icons.terrastruct.com/essentials%2F359-users.svg
  }
}

image: Container Image {
  class: container_image
}

users: Users {
  class: users
}

image <- users

Expected	Actual
VS code, Firefox ...	PowerPoint

d2 --version
v0.6.3

[zachcp]

See also #1853

[alixander]

@MLNW I can't reproduce. I exported to ppt and this is result:

Am I misunderstanding the issue? Do you mean you made an SVG with D2 and then imported that SVG into a ppt? If so, you can pass arg "--bundle" to inline the images into the data, which should work everywhere.

[MLNW]

Yes, I used the VS Code Extension to export the diagram as SVG and then imported that into PowerPoint. How would I use the --bundle parameter in VS Code?

[alixander]

Hm VSCode extension needs to support the option. Can you file this issue in https://github.com/terrastruct/d2-vscode/issues ?

[MLNW]

I just tried to use the work around via --bundle that you proposed. It leads to the same result. I also saw that the CLI already defaults to use bundle.

❯ d2
d2 v0.6.5
Usage:
...

Flags:
...
  -b, --bundle                 $D2_BUNDLE            when outputting SVG, bundle all assets and layers into the output file (default true)
...