SVG Colour application has alignement issue

[TonyM]

Folks,

I wanted to make better use of the tiddlywiki supplied svg images by colouring them. I came up with the following;

<svg fill="green">
<$transclude tiddler={{!!icon}}/>
</svg>

The fill overrides that in the image. good stuff

However the unfortunate side effect is the icon is appearing 30% of the way across the tiddler and I am not so sure how to get it to left align.

Any advice would be helpful.

Thanks in advance

Tony

[TonyM]

Folks,

I seem to have solved it as follows,

<svg fill="green"  width="32px" height="32px">


<$transclude tiddler={{!!icon}}/>
</svg>




But having some problem with transclusion.




But I should be able to correct that.




Regards

Tony