Back to all instances

Gender equality

Benchmark instance 033
Input static SVG
Input static SVG for Gender equality
Source Lottie animation
Motion edit prompt

Keep the icon centered and use the center of the main ring as the pivot for all rotations. Separate the male-arrow symbol, the female-cross symbol, and the central equal sign into independently animated parts. From the upright start, rotate both gender-symbol layers clockwise first: the male arrow swings farther and faster from the upper right toward the lower right, while the female cross swings from the bottom toward the lower left. Then have them reverse into a larger counterclockwise sweep around the shared circle, with the cross passing up to the upper right and then upper left, and the arrow passing through downward/lower-right and then lower-left positions. Finish by rotating both symbols back with ease-out timing into the alignment they have in the provided SVG: the arrow in the upper right and the cross at the bottom. Keep the equal sign centered inside the circle; make it briefly compress horizontally, rebound slightly wider, and settle back to its width in the provided SVG, while it also tilts a little clockwise, reaching its largest tilt as the cross reaches the upper right and the arrow reaches the lower right, and rotates back to its smallest tilt—fully upright at its angle in the provided SVG—while both symbols rotate back from their upper-left and lower-left positions. Repeat the equal sign’s horizontal squeeze-and-rebound once as the cross and arrow approach their upper-left and lower-left positions, respectively, and begin rotating back.