How do I change SVG path winding order?

Click Change winding. The closed outline is reversed, which flips clockwise vs counter-clockwise.

Will fill-rule evenodd look different?

If two subpaths rely on opposite winding, reversing one changes the hole. The sample is a single diamond.

No. It only rewrites d. Add fill-rule in Source if you need it.

Same action — clockwise/counter-clockwise queries land on this winding tool.

FAQ

Quick answers

How do I change SVG path winding order?: Click Change winding. The closed outline is reversed, which flips clockwise vs counter-clockwise.
Will fill-rule evenodd look different?: If two subpaths rely on opposite winding, reversing one changes the hole. The sample is a single diamond.
Does this set fill-rule?: No. It only rewrites d. Add fill-rule in Source if you need it.
Need a CW / CCW converter?: Same action — clockwise/counter-clockwise queries land on this winding tool.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B