<svg width="400px" height="120px" version="1.1">      <desc>Example RotateScale - Rotate and scale transforms</desc>      <g fill="none" stroke="black" stroke-width="3">           <line x1="0" y1="1.5" x2="400" y2="1.5"/>           <line x1="1.5" y1="0" x2="1.5" y2="120"/>      </g>      <g transform="translate(50,30)">           <g transform="rotate(30)">                <g fill="none" stroke="red" stroke-width="3">                     <line x1="0" y1="0" x2="50" y2="0"/>                     <line x1="0" y1="0" x2="0" y2="50"/>                </g>                <text x="0" y="0" font-size="20" font-family="Verdana" fill="blue"> ABC (rotate) </text>           </g>      </g>      <g transform="translate(200,40)">           <g transform="scale(1.5)">                <g fill="none" stroke="red" stroke-width="3">                     <line x1="0" y1="0" x2="50" y2="0"/>                     <line x1="0" y1="0" x2="0" y2="50"/>                </g>                <text x="0" y="0" font-size="20" font-family="Verdana" fill="blue"> ABC (scale) </text>           </g>      </g> </svg>

Original SVG source