dinamic text in the middl of svg code example
Example: how to center text in svg
<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle">Text</text>
<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle">Text</text>