How do I rotate an SVG element 90 degrees?

Paste your SVG, then click Rotate 90°. Shapes turn a quarter turn around the viewBox center.

Does this work for grouped objects?

Yes. Nested groups rotate together inside one transform.

Same mechanics. Icon pages use a compact UI sample; element pages use mixed shapes.

Use Rotate SVG Element by Degrees for 15° steps.

FAQ

Quick answers

How do I rotate an SVG element 90 degrees?: Paste your SVG, then click Rotate 90°. Shapes turn a quarter turn around the viewBox center.
Does this work for grouped objects?: Yes. Nested groups rotate together inside one transform.
Element 90° vs icon 90°?: Same mechanics. Icon pages use a compact UI sample; element pages use mixed shapes.
Need finer control?: Use Rotate SVG Element by Degrees for 15° steps.

Source

Angle

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B