Add the ability to pass variables into an SVG tag

[JayGeorge]

It would be great if we could pass variables to an SVG tag, like this:

{{ svg src='logo' some_var='1' }}

Then inside the SVG: <title id="logo-{{ some_var }}">

Background/Context

Making an SVG accessible involves adding unique Title and Description IDs for screen readers, like this:

<title id="uniqueTitleID">The title of the SVG</title>
<desc id="uniqueDescID">A longer, more complete description for complex graphics.</desc>

(source)

This is easy but if you try to use the same SVG more than once on a page (quite often happens when using SVG "icons"), if you run your site through a validator then you'll get an error like this: Duplicate ID validation error, since every SVG title and description needs to be unique.

It would be handy to be able to do something like this in order to mitigate this:

{{ svg src='logo' index='1' }}

Then inside the SVG: