Scalable SVG as logo image

Hi,

I'm trying to set an SVG file as

@T3LogoImage

in t3_blank/less/themes/my_theme/variables.less, e.g.

@T3LogoImage: "/site/path/to/imagesdir/file.svg";

Because I want to insert an SVG image - not GIF,PNG or JPG, I cannot use the Joomla T3 template UI, as the Image dialog it shows filters out SVG as a non-image filetype.

I had also previously set a PNG version of the same file using the Joomla Template Manager UI. This sets a logo image filename in the SQL database table

#__template_styles

.

No matter what I do, the

.logo-image a {

CSS is always overridden on the rendered page by the [code type="xml"]