We have a template which places .gif images like this
https://www.astro.com/im/sym/s_su.18.gif
In the html page rendering, it appears as
<img src="https://www.astro.com/im/sym/s_su.18.gif" alt="s_su.18.gif">
I would like to replace the .gif image with a .svg image like this
https://www.astro.com/im/sym/s_su.18.svg
but that is rendered into
<a class="external free" href="https://www.astro.com/im/sym/s_su.18.svg">https://www.astro.com/im/sym/s_su.18.svg</a>
How can I have it rendered the same way as a gif image?