Some svg strings that work on the browser do not work with st.image

Example 1:

Input:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100">
    <clipPath id="clipCircle">
        <circle r="25" cx="25" cy="25"/>
    </clipPath>
    <image href="https://avatars.githubusercontent.com/karriebear" width="50" height="50" clip-path="url(#clipCircle)"/>
</svg>

Output:

Expected:

Example 2:

Input

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="100">
<text x="0" y="50">"I am a quote" - https://avatars.githubusercontent.com/karriebear</text>
</svg>

Expected:

[karriebear]

Thanks for that analysis and everything you said makes sense! Also agree with both your footnotes.

1. It looks like svg currently do not honor new lines for text so we might as well get rid of them.
2. This is for urls specifically so I don’t think it should be an issue. Safer definitely sounds better and a quick test of text elements looks like it should be fine (added as Example 2 above).

[karriebear]

Hi @yashshah1, you are more than welcome to take this on. Thank you for the help! We really appreciate it ☺️

Please let us know if you need any assistance. We’ll be happy to take a look at any draft PRs too. Once you’re ready, just submit a PR ready for review. Thanks again!