How do I split compound SVG paths?

Click Split compound. Each drawable M… subpath becomes its own . Relative commands are converted to absolute so positions stay put.

Is split the inverse of create compound path?

Yes. Create Compound Path joins siblings; split takes them apart again.

A hole becomes its own path. Re-apply evenodd via Create Compound Path if you need the hole back.

No. Split only explodes d. Use Ungroup SVG Paths for wrappers.

FAQ

Quick answers

How do I split compound SVG paths?: Click Split compound. Each drawable M… subpath becomes its own <path>. Relative commands are converted to absolute so positions stay put.
Is split the inverse of create compound path?: Yes. Create Compound Path joins siblings; split takes them apart again.
Do holes stay holes after a split?: A hole becomes its own path. Re-apply evenodd via Create Compound Path if you need the hole back.
Will groups be ungrouped by split?: No. Split only explodes d. Use Ungroup SVG Paths for <g> wrappers.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B