How do I rotate an SVG icon online?

Paste your icon SVG (or use the sample), then click Rotate icon 90°. The icon turns around the viewBox center.

Will the icon stay on a 24×24 grid?

Yes if that is your viewBox. Rotation uses the midpoint so a square icon stays framed.

They are stripped on rotate so CSS can size the icon from viewBox alone.

Open Rotate SVG Icon 90 Degrees.

FAQ

Quick answers

How do I rotate an SVG icon online?: Paste your icon SVG (or use the sample), then click Rotate icon 90°. The icon turns around the viewBox center.
Will the icon stay on a 24×24 grid?: Yes if that is your viewBox. Rotation uses the midpoint so a square icon stays framed.
Root width and height on icons?: They are stripped on rotate so CSS can size the icon from viewBox alone.
Need icon 90° specifically?: Open Rotate SVG Icon 90 Degrees.

Source

Angle

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B