Svg icon is not properly rendered in Typst output

[oliviermeslin]

Description

I just discovered that the official SVG Python logo is not properly rendered in Typst output (the bottom and the right parts are missing), whereas it is fine in html output. I do not know whether this is related to the Quarto -> Typst conversion process, or to an internal Typst issue, or to the SVG file itself. Do you have an idea what might be going on?

Below are two MWE.

---
title: "The SVG is fine in html output"
format: html
---

![](https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg)

---
title: "The SVG is cut in Typst output"
format: typst
---

![](https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg)

Results of quarto check:

Quarto 1.5.57
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.2.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.41.0: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.5.57
      Path: /opt/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: v2024.09
      Chromium: (not installed)

[✓] Checking LaTeX....................OK
      Using: TinyTex
      Path: /home/onyxia/.TinyTeX/bin/x86_64-linux
      Version: 2024

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
      Version: 3.12.5 (Conda)
      Path: /opt/conda/bin/python
      Jupyter: 5.7.2
      Kernels: python3

(/) Checking Jupyter engine render....Traceback (most recent call last):
  File "/opt/quarto/share/jupyter/jupyter.py", line 21, in <module>
    from notebook import notebook_execute, RestartKernel
  File "/opt/quarto/share/jupyter/notebook.py", line 18, in <module>
    import nbformat
ModuleNotFoundError: No module named 'nbformat'
[✓] Checking Jupyter engine render....OK

[cderv]

I believe this is related to typst handling of SVG.

When providing a svg through a URL, quarto does download the SVG. The version download is correct. Here it is:

But when loading this logo file in https://typst.app and using it in a document

#image("python-logo-only.svg")

Even playing with size or fit option I can't make this works.

SVG is kind of new in typst. In their doc: https://typst.app/docs/reference/visualize/image/, they say

Note: Work on SVG export is ongoing and there might be visual inaccuracies in the resulting PDF. Make sure to double-check embedded SVG images. If you have an issue, also feel free to report it on GitHub.

I don't see any issue on size. but maybe this python logo has some specific content that makes typst trip.

This would probably be something to see with them first.

[oliviermeslin]

Yes I will!

[oliviermeslin]

@cderv : I opened a Typst issue

[cderv]

Thanks !

[oliviermeslin]

@cderv : The problem is solved in the coming 0.12.0 version of Typst.

[mcanouil]

This will likely be for 1.7 then.