animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back

rendered animation

Upload button

1<svg width="100" height="100" viewBox="0 0 100 100">
2            <defs>
3                <clipPath id="clipIt">
4                    <circle
5                        fill="black"
6                        r="35"
7                        cy="50"
8                        cx="50"
9                        />
10                    </clipPath>
11                </defs>
12                <path
13                    class="utveckling"
14                    d="M 49.99955,21.646452 A 28.35355,28.353548 0 0 0 21.646,50
15                    28.35355,28.353548 0 0 0 49.99955,78.353548
16                    28.35355,28.353548 0
17                    0 0 78.3531,50 28.35355,28.353548 0 0 0 49.99955,21.646452
18                    Z"
19                    />
20                    <g class="cut" clip-path="url(#clipIt)">
21                        <circle
22                            r="35"
23                            cy="50"
24                            cx="50"
25                            style="opacity:1;fill:#1939ff;fill-opacity:1;stroke:none;stroke-width:12.9174"
26                            />
27                            <g class="pil">
28                                <path
29                                    d="m 40.056531,47.971893 9.914191,-9.514425
30                                    9.994144,9.514425"
31                                    style="fill:none;stroke:#ffffff;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
32                                    />
33                                    <path
34                                        d="M 49.970722,38.457468 V 61.56393"
35                                        style="fill:none;stroke:#ffffff;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
36                                        />
37                                    </g>
38                                    <path
39                                        class="bock"
40                                        d="m 49.533063,13 c 0,0
41                                        -4.038975,0.243204 -7.084664,1.6
42                                        -10.965877,4.88509 -12.03936,12.900449
43                                        -12.029016,15.995361 0.02524,7.552595
44                                        4.607455,12.168562 6.129905,13.956538 C
45                                        41.41924,50.271203 47.447623,56.491
46                                        47.447623,56.491 L 63.320719,42.911532"
47                                        />
48                                    </g>
49                                </svg>