Animated Menu Icon Animating an SVG Menu Icon with the Segment library by Luis Manuel based on the Dribbble shot by Tamas Kojo

The main idea is to create three paths that describe the trajectory of each bar in the menu icon when it transforms into the cross.

menuicon

Scaled Version (based on this Dribbble rebound by Tamas Kojo)