How do I rotate an SVG icon 90 degrees?

Paste your icon SVG, then click Rotate 90°. The icon turns a quarter turn around the center.

Useful for directional icons?

Yes — arrows, carets, and chevrons often need left/right/up/down variants from one asset.

Yes. Strokes and fills inside the rotate group turn together.

See Rotate SVG Icon Around Center.

FAQ

Quick answers

How do I rotate an SVG icon 90 degrees?: Paste your icon SVG, then click Rotate 90°. The icon turns a quarter turn around the center.
Useful for directional icons?: Yes — arrows, carets, and chevrons often need left/right/up/down variants from one asset.
Does stroke-based icon markup rotate cleanly?: Yes. Strokes and fills inside the rotate group turn together.
Around-center wording?: See Rotate SVG Icon Around Center.

Source

Angle

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B