Use the transform element.
If the center of the rotation is omitted
(as in this case), the point 0,0 is assumed as
the center of the rotation).
Output
 |
| SVG version |
Source
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" >
<g transform="rotate(20)" font-family="SansSerif">
<text x="10" y="20">Rotated text</text>
</g>
</svg>