I wrote a Python script that automatically generates an SVG file (vector image). The script is here and it the image is produces is visible here. I want to put this image inside the GitHub Readme for the special named repo that appears on your profile front page.

I searched and apparently this problem has been discussed a lot before but they are all very old and unreliable and it seems like GitHub keeps changing how they handle things in Markdown.

I tried hosting it on my personal website and linking to it:

![Image](https://lorcan.netlify.app/uploads/hosting_gh/skills.svg)

I also tried putting the SVG in my repo and referencing it locally:

![Image](https://lorcan.netlify.app/uploads/hosting_gh/skills.svg)

I also tried linking to the ‘raw’ version on GitHub:

![Image](https://raw.githubusercontent.com/lorcan2440/lorcan2440/main/skills.svg)

In all three cases, it fails to render, showing the broken image icon. This seems a bit strange as when I click on the broken image, it goes to a page that renders the image correctly. Can anyone help me fix this? How can I have this SVG file on my Readme? Thanks for any advice.