How do I rotate an SVG icon by degrees?

Paste your icon, change the Angle field if you want (default 15°), then click rotate. Repeat until it looks right.

Best for subtle tilts?

Yes. 15° steps are handy for loading spinners, arrows, and slight UI tilts.

Use Rotate SVG Icon 90 Degrees.

Use Rotate SVG Path by Degrees.

FAQ

Quick answers

How do I rotate an SVG icon by degrees?: Paste your icon, change the Angle field if you want (default 15°), then click rotate. Repeat until it looks right.
Best for subtle tilts?: Yes. 15° steps are handy for loading spinners, arrows, and slight UI tilts.
Want an exact 90° turn?: Use Rotate SVG Icon 90 Degrees.
Path markup instead of an icon?: Use Rotate SVG Path by Degrees.

Source

Angle

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B