Summary -

In this topic, we described about the SVG Rotate with detailed example.

To revolve the element within the SVG, we can use the transform="rotate(x, y, angle)".

Example -

Below example describes about how to rotate an element.
<html>
  	<head>
    	<title>SVG Rotate</title>
  	</head>
  	<body>
    	<svg width="400" height="250">
      		<rect x="120" y="50" width="150" fill="brown" height="150" 
				transform="rotate(45, 160, 60)" />
    	</svg>
  	</body>
</html>

Output -