How do I rotate an SVG icon around its center?

Paste your icon, then click Rotate around center. The pivot is the viewBox midpoint.

Why center matter for icons?

Icons are usually square. A corner-origin rotate pushes them out of the 24×24 frame.

Yes — see Rotate SVG Element Around Center.

Use Rotate SVG Icon by Degrees.

FAQ

Quick answers

How do I rotate an SVG icon around its center?: Paste your icon, then click Rotate around center. The pivot is the viewBox midpoint.
Why center matter for icons?: Icons are usually square. A corner-origin rotate pushes them out of the 24×24 frame.
Same for larger illustrations?: Yes — see Rotate SVG Element Around Center.
Want 15° steps while staying centered?: Use Rotate SVG Icon by Degrees.

Source

Angle

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B